Asp.net mvc 基于json的mvc网格,使用knockout、jbst等

Asp.net mvc 基于json的mvc网格,使用knockout、jbst等,asp.net-mvc,json,asp.net-mvc-3,knockout.js,grid,Asp.net Mvc,Json,Asp.net Mvc 3,Knockout.js,Grid,我已经为ajaxSubmit使用了一个ASP.NETMVC3 web应用程序我有一个网格,在过滤、排序和分页时使用ajax回发刷新它——简单地说,我只是替换了从ajax回发得到的网格html结果。适用于任何类型的网格特性,因为网格html是在服务器端呈现的 现在,我正在寻找一个基于json的网格,它具有一些基本功能,如排序、分页以及分组(如果可能的话)&服务器端分页!可编辑网格不是主要焦点,但它将是一个额外的优势。我认为大多数解决方案都会指向这一点。我一直在尝试,但它需要更多的家庭作业esp的高

我已经为ajaxSubmit使用了一个ASP.NETMVC3 web应用程序我有一个网格,在过滤、排序和分页时使用ajax回发刷新它——简单地说,我只是替换了从ajax回发得到的网格html结果。适用于任何类型的网格特性,因为网格html是在服务器端呈现的

现在,我正在寻找一个基于json的网格,它具有一些基本功能,如排序、分页以及分组(如果可能的话)&服务器端分页!可编辑网格不是主要焦点,但它将是一个额外的优势。我认为大多数解决方案都会指向这一点。我一直在尝试,但它需要更多的家庭作业esp的高级功能,如分组等

我发现了一些基本的例子,比如

  • 除此之外,我还遇到了一个新概念-基本上,它在json上工作,在将元素添加到页面之前,它允许我们改变元素的行为。有人经历过吗?它能和高相比吗


    我欢迎您对我简单的基于json的网格提出建议和专业意见(假设json是传递数据的最佳方式)。如果您知道另一种方法,也请分享。

    您还可以在此处查看网格示例:

    您还可以在此处查看网格示例:

    您是否签出了KoGrid,这是一个本地KO网格


    您是否签出了KoGrid,它是一个本地KO网格


    我做了家庭作业,这是我的最后结论。首先-没有什么比KO支持更好的了-插件必须有一个KO绑定处理程序(除了fo KOGrid)

    数据表-但找不到本机KO支持()。绑定看起来简单直接,但有很多文件

    SlickGrid-支持但需要一些后期处理。可能的外部条件是可行的。使用ko.utils.unwrapobbservable

    绑定ko.bindingHandlers.simpleGrid(支持分页)的实现,如中所示,但可以扩展

    我最后的选择-

    可能是第一个基于KO的纯网格!显然,json是兼容的。支持本机排序(无需额外脚本 需要)。还发现了大型数据集的服务器端分页一体机

    其他一些-

    • 无法推断太深,但它确实提供了一种使用js进行模板和运行时行为修改的有效方法
    • 简单的
    • 功能丰富的jqGrid(&)

      • 我做了家庭作业,这是我的最后结论。首先-没有什么比KO支持更好的了-插件必须有一个KO绑定处理程序(除了fo KOGrid)

        数据表-但找不到本机KO支持()。绑定看起来简单直接,但有很多文件

        SlickGrid-支持但需要一些后期处理。可能的外部条件是可行的。使用ko.utils.unwrapobbservable

        绑定ko.bindingHandlers.simpleGrid(支持分页)的实现,如中所示,但可以扩展

        我最后的选择-

        可能是第一个基于KO的纯网格!显然,json是兼容的。支持本机排序(无需额外脚本 需要)。还发现了大型数据集的服务器端分页一体机

        其他一些-

        • 无法推断太深,但它确实提供了一种使用js进行模板和运行时行为修改的有效方法
        • 简单的
        • 功能丰富的jqGrid(&)

        这个怎么样?这个怎么样?古老但令人印象深刻(jqueryui也提到过它)!这个怎么样?这一个?古老但令人印象深刻(jqueryui也提到过它)!如果你觉得我下面的作业有更多的信息,我可以把它标记为答案吗?KoGrid不再处于(主动)开发阶段。看看你们是否觉得我下面的作业有更多的信息-我可以把它标记为答案吗?KoGrid不再处于(主动)开发阶段。请参阅jqGrid应该在列表的顶部:P唯一的缺陷是没有KOGrid提供的KO绑定…jqGrid应该在列表的顶部:P唯一的缺陷是没有KOGrid提供的KO绑定。。。
        function columnDefsVM() {
            var self = this;
            this.myData = ko.observableArray([{ name: "Moroni", age: 50 },
                             { name: "Tiancum", age: 43 },
                             { name: "Enos", age: 34 }]);
            this.gridOptions = { data: self.myData,
              columnDefs: [{field: 'name', displayName: 'Name'},{field: 'age', displayName: 'Age'}]
            };
        }
        ko.applyBindings(new columnDefsVM());