我正在使用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提前
答案 0 :(得分:0)
首先,您应该查看the answer并确认您按照正确的顺序和正确的来源包含所有 CSS和JavaScript文件。在我看来,你没有包含基本jqGrid不需要的jQuery UI jquery-ui.min.js
,但是需要ui.multiselect.js
和columnChooser。
此外,我建议您使用我在the answer中描述的columnCooser
的修改版本。我希望my suggestions将包含在jqGrid的下一个版本中。