Question

我正在使用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'); 
                     } 
                 });
}

我已在上面的代码段中实现了列选择器。

但面对上述两个错误。

任何建议都将受到赞赏。

Thnx提前

Answer 1

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

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

jqgrid列选择器功能的困难

1 个答案: