ASP.NET MVC + jqGrid答案

【问题标题】：ASP.NET MVC + jqGridASP.NET MVC + jqGrid
【发布时间】：2009-12-07 13:50:27
【问题描述】：

我正在使用带有 ASP.NET MVC 的 jQgrid。我有几个问题。我想在创建 DOM 时绘制网格，但我想在之后加载数据，当我在标签页中选择一个 TAB 时。我找不到任何例子。有人试过吗？

我正在使用自定义导航栏： ("#AttachmentsGrid").navGrid('#AttachmentsPager', { edit: false, add: true, del: true, search: false });

在 TAB (jQuery UI) 上进行几次选择后，我可以看到导航栏的按钮是重复的。我在选择上有一个大问题。除了第一行，我不能选择任何其他行。其他人也遇到过同样的问题吗？

最好的问候

阿尔伯托

【问题讨论】：

标签： asp.net-mvc jqgrid

【解决方案1】：

要在 DOM 上绘制网格并稍后填充它，您可以使用本地数据存储初始化网格：

datatype: "local"

然后，当您选择正确的选项卡时，启动 AJAX 请求以获取您的数据。检索到数据后，您可以执行以下操作将其加载到网格中：

        // Populate grid data
        jQuery("#myGrid").clearGridData();
        if (data != null){
            for(var i=0;i<data.length;i++){
                    jQuery("#myGrid").addRowData(data[i].id, data[i]);
                }
            }
        }

关于多次选择标签后的重复按钮。我之前在多次初始化 jqGrid 时看到过这一点（IE，每次选择选项卡时都会调用 .jqGrid）。执行上述步骤后，您应该不会看到此内容。否则，防止这种情况的一种方法是跟踪网格的初始化时间，并且仅在第一次选择相应的选项卡时才初始化网格：

        var initialized = false;
        jQuery('#tabs').tabs({
               show: function(event, ui) {
                   if (ui.index == 1 && !initialized){
                       initialized = true;

                       (... create your grid here ...)
                   }
               }
            });

【讨论】：