jqgrid的列选择器功能的困难答案

【问题标题】：Difficulties in column chooser functionality of jqgridjqgrid的列选择器功能的困难
【发布时间】：2012-04-03 09:46:04
【问题描述】：

我正在使用 jquery 4.x 版，并且我已经在我的 jqgrid 上实现了列选择器

现在，当我单击“全部删除”链接按钮或“全部添加”链接按钮时，会在控制台中引发以下错误：

"$("ul.selected").sortable 不是函数"

现在，当我单击 (-) 按钮从列表中删除字段时，它会引发以下错误：

"$(this).parent().draggable 不是函数"

我已经在以下 .js 文件中实现了 jqgrid：

function partygrid()
{
        $("#partylist").jqGrid({
            url: sitepath + 'party/grid',
            datatype: 'json',
            mtype: 'POST',
            height:'220',
            colNames:["party_name","party_type_name","status","action"],
            colModel :[ 
                          {name:'party_name', index:'party_name',width:120,editable:false,editoptions:{size:20},editrules:{required:true,number:false,maxlength:10}},
                          {name:'party_type', index:'party_type',width:120,editable:false,editoptions:{size:20},editrules:{required:true,number:false,maxlength:10}},
                          {name:'is_active', index:'is_active',search:false},
                          {name:'act', index:'act',width:50,search:false}
                       ],
            pager: '#partytoolbar',
            rowNum:10,
            rowList:[10,20,30],
            sortname: 'party_id',
            sortorder: 'desc',
            viewrecords: true,
            rownumbers: true,
            gridview: true,
            multiselect: true,
            autoresize:true,
            autowidth: true,
            editurl: sitepath + 'party/grid',
            toolbar: [true,"top"],
            gridComplete: function () 
            {
                 var grid = jQuery("#partylist");
                 var ids = grid.jqGrid('getDataIDs');
                 for (var i = 0; i < ids.length; i++) 
                 {  

                 }
            },
            caption: 'Party List'
         });
         jQuery("#partylist").jqGrid('navGrid','#partytoolbar',{view:false,edit:false,add:false,del:false,search: false});
         jQuery("#partylist").jqGrid('navButtonAdd','#partytoolbar',
                 { 
                     caption: "Columns", 
                     title: "Reorder Columns", 
                     onClickButton : function ()
                     { 
                        jQuery("#partylist").jqGrid('columnChooser'); 
                     } 
                 });
}

我已经在上面的 sn-p 中实现了列选择器。

但是面对上面提到的两个错误。

任何建议将不胜感激。

提前谢谢

【问题讨论】：

jquery 4.0?那是什么？ jqueryui 和 jquery 还没有超过 2.0？

标签： jqgrid

【解决方案1】：

首先，您应该查看the answer 并确认您包含所有 CSS 和JavaScript 文件以正确的顺序和正确的来源。在我看来，您没有包含基本 jqGrid 不需要的 jQuery UI jquery-ui.min.js，但对于 ui.multiselect.js 和 columnChooser 是必需的。

此外，我建议您使用 columnCooser 的修改版本，就像我在 the answer 中描述的那样。我希望my suggestions 将包含在 jqGrid 的下一个版本中。

【讨论】：