Schwierigkeiten bei der Spaltenauswahl Funktionalität von jqGrid

Question

i jquery Version 4.x benutzen, und ich habe Spaltenauswahl auf meinem jqGrid

nun implementiert, wenn ich auf „Alle entfernen“ klicken Link-Button oder „Alle hinzufügen“ Link-Button dann in der folgenden Fehler in der Konsole führt:

„$ (“ ul.selected „). sortierbar ist keine Funktion“

Nun, wenn ich auf (-) Tastenfeld aus der Liste zu entfernen, es wirft Folgefehler:

"$ (this) .parent() ziehbar ist keine Funktion"

ich habe jqGrid implementiert in folgenden Js-Datei:

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'); 
        } 
       }); 
}  

I Spaltenauswahl in kleinen Skript implementiert haben.

aber mit den oben genannten zwei Fehler konfrontiert.

Alle Vorschläge werden geschätzt.

Thnx im Voraus

Answer 1

Zunächst sollten Sie in the answer suchen und überprüfen, ob Sie alle CSS und JavaScript-Dateien in der richtigen Reihenfolge und von der richtigen Quelle enthalten. Es scheint mir, dass Sie jQuery UI jquery-ui.min.js nicht enthalten, die für die Basis jqGrid nicht erforderlich ist, aber für ui.multiselect.js und die columnChooser requited ist.

Zusätzlich würde ich Ihnen empfehlen, modifizierte Version von columnCooser zu verwenden, wie ich es in the answer beschrieben habe. Ich hoffe, dass my suggestions in der nächsten Version von jqGrid enthalten sein wird.