如何使用knockout在mvc 4中使用排序和分页功能在网格中显示数据？ [英] How to show data in grid in mvc 4 with sorting and paging features using knockout ?

问题描述

如何使用knockout在mvc 4中使用排序和分页功能在网格中显示数据。我可以使用ajax获取数据，但不知道如何使用它与knockout在simpleGrid中显示淘汰赛。



我的控制器是：

How to show data in grid in mvc 4 with sorting and paging features using knockout. I am able to fetch data using ajax but do'nt know how to use it with knockout to show in simpleGrid of knockout.

my controler is:

public JsonResult fetchProject()
        {
            var q = (from pr in db.Projects
                     join es in db.Estimates on pr.Number equals es.Number
                     join st in db.Settings on es.Number equals st.Number

                     select new
                     {
                         pr.Number,
                         pr.Name,
                         st.ProjectType,
                         st.Priority,
                         es.StartDate,
                         es.EndDate,
                         es.TotalHour,
                         pr.C_Done,
                         pr.Status,
                     }).ToList();
            return Json(q, JsonRequestBehavior.AllowGet);

        }

在我看来我想在简单网格中显示它：

and on my view i want to show it in simplegrid :

gridViewModel : new ko.simpleGrid.viewModel({
                   data: this.items,
                   columns: [
                       { headerText: "umber", rowText: "Number" },
                       { headerText: "Name", rowText: "Name" },
                   ],
                   pageSize: 4
               })
           };

我可以使用ajax调用project / fetchproject：



$ .ajax（{

类型：GET，

url：'Project / fetchProject'，

数据类型：json，

成功：函数（数据）{



警报（数据）;

}，

错误：函数（错误）{

alert（err.status +：+ err.statusText）;

}

}）;



现在我想使用具有排序和分页功能的淘汰赛在网格中显示获取的数据..

I am able to invoke project/fetchproject using ajax as:

$.ajax({
type: "GET",
url: 'Project/fetchProject',
datatype: "json",
success: function (data) {

alert(data);
},
error: function (err) {
alert(err.status + " : " + err.statusText);
}
});

Now I want to show fetched data in grid using knockout with sorting and paging feature..

推荐答案

.ajax（{

类型：GET，

url：'Project / fetchProject'，

数据类型：json，

成功：功能（数据）{



警报（数据）;

}，

错误：函数（错误）{

警报（错误。 status +：+ err.statusText）;

}

}）;



现在我想要使用具有排序和分页功能的淘汰赛在网格中显示获取的数据..

.ajax({
type: "GET",
url: 'Project/fetchProject',
datatype: "json",
success: function (data) {

alert(data);
},
error: function (err) {
alert(err.status + " : " + err.statusText);
}
});

Now I want to show fetched data in grid using knockout with sorting and paging feature..

Hey Rahul，



您可以找到答案在这些文章中：



http://www.c-sharpcorner.com/UploadFile/raj1979/paging-sorting-in-mvc-4/ [ ^ ]



http://www.c-sharpcorner.com/Uplo adFile / cd7c2e / implement-insert-update-and-delete-functionality / [ ^ ]



我希望这些能解决你的问题:)，如果不是那么请让我知道。

Hey Rahul,

You can find your answer in these articles:

http://www.c-sharpcorner.com/UploadFile/raj1979/paging-sorting-in-mvc-4/[^]

http://www.c-sharpcorner.com/UploadFile/cd7c2e/implement-insert-update-and-delete-functionality/[^]

I hope these will solve your problems :) , if not then please let me know about that also.

这篇关于如何使用knockout在mvc 4中使用排序和分页功能在网格中显示数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！