自由jqGrid的搜索按鈕不起作用的onclick

Question

我的產品網格和我的工作搜索件現在，當我點擊放大鏡我在grid.addons.js文件得到一個錯誤：

oprtr[j] = {op:stempl[j],text: p.odata[j].text}; 
Uncaught TypeError: Cannot read property '0' of undefined. 

我確定這是因爲我正在做的事情，有人可以看看我的網格，並告訴我爲什麼它不起作用？

$("#productsTable").jqGrid({ 
    data: parsedResult, 
    datatype: "local", 
    loadonce: true, 
    height: 'auto', 
    marginLeft: 'auto', 
    colNames: [ 
     'Product Id', 'Add', 'Product Name', 'Product Code', 'Customer Price' 
    ], 
    colModel: [ 
     { name: 'Id', width: 0, hidden:true }, 
     { name: "actions", template: "actions", width: 50, formatoptions:{ 
       delbutton: false, 
       editbutton: false 
     } }, 
     { name: 'Name', index: 'Name', width: 550, searchoptions:{sopt:['eq','bw','bn','cn','nc','ew','en']} }, 
     { name: 'ProductCode', index: 'ProductCode', width: 150, searchoptions:{sopt:['eq','bw','bn','cn','nc','ew','en']} }, 
     { name: 'Price', index: 'Price', width: 100, formatter: 'currency', formatoptions:{decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$"}, 
      searchoptions:{sopt:['eq','ne','le','lt','gt','ge']}} 
    ], 
    rowNum: 15, 
    rowList: [5, 10, 15, 20], 
    pager: true, 
    gridView: true, 
    viewrecords: true, 
    iconSet: "jQueryUI", 
    sortname: 'Name', 
    sortorder: 'asc', 
    inlineEditing: { keys: false }, 
    search: true, 
    actionsNavOptions: { 
      addToCarticon: "ui-icon-cart", 
      addToCarttitle: "Add item to the cart", 
      custom: [ 
       { action: "addToCart", position: "first", onClick: function (options) { 
        var rowData = $('#productsTable').getRowData(options.rowid); 
        var cartButton = $(".ui-icon", "#jAddToCartButton_"+options.rowid); 
        if(cartButton.hasClass("ui-icon-cancel")){ 
         cart.shift(rowData); 
         cartButton.removeClass("ui-icon-cancel"); 
         cartButton.addClass("ui-icon-cart"); 
        } 
        else if(cartButton.hasClass("ui-icon-cart")){ 
         cart.push(rowData); 
         cartButton.removeClass("ui-icon-cart"); 
         cartButton.addClass("ui-icon-cancel"); 
        } 
       } 
      }] 
     }, 
    loadComplete: function() { 
       $("#add-product-dialog-loading-message").hide(); 
       $(".spinner").hide(); 
       $("#add-product-dialog-form").dialog("open"); 

       //for each object in cart 
       //if product ID matches product Id in product 
       //grid then set button to a cancel icon 
       if(cart.length !== 0){ 
        var cartIds = []; 
        var jsonCart = JSON.stringify(cart); 
        var parsedJsonCart = JSON.parse(jsonCart); 
        var productsInCart = $.grep(parsedJsonCart, function(el,i){ 
         cartIds.push(el.Id); 
        }); 

        var currentRows = $('#productsTable').getRowData(); 
        var shownProductsThatAreInCart = $.grep(currentRows, function (el, i) { 
          return $.inArray(el.Id, cartIds) !== -1; 
        }); 

         if(shownProductsThatAreInCart.length > 0){ 
           var rowIds = $(this).jqGrid('getDataIDs'); 
           $.each(rowIds, function(k, v) { 
             rowData = $('#productsTable').getRowData(v); 

           if($.inArray(rowData['Id'], cartIds) !== -1){ 
            alert("Matched Product:\nRowData['id'] = " + rowData['Id'] + "\nto\nProduct in cart: " + cartIds.Id); 
            $(".ui-icon", "#jAddToCartButton_"+v).removeClass("ui-icon-cart"); 
            $(".ui-icon", "#jAddToCartButton_"+v).addClass("ui-icon-cancel"); 
           } 
          }); 
         } 
        } 
       }, 
       gridComplete: function() { 
       } 
     }); 
     $("#productsTable").jqGrid("navGrid", {edit:false,add:false,del:false}).jqGrid("filterToolbar", {searchOperators : true}); 

我包括有：

value="https://code.jquery.com/jquery-1.10.2.min.js" /> 
value="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/jquery.ui-contextmenu/1.11.0/jquery.ui-contextmenu.min.js" /> 

value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/js/jquery.jqgrid.min.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/js/i18n/grid.locale-en.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/grid.setcolumns.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/jquery.contextmenu.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/jquery.searchfilter.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/ui.multiselect.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/grid.postext.js" /> 
value="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.9.2/plugins/grid.addons.js" /> 

謝謝！

Answer 1

您應該刪除grid.addons.js。它將一些現有的方法替換爲很老的方法。我將在下一個版本中刪除grid.addons.js。很遺憾，在我發佈免費jqGrid的新版本4.10.0後，我直接閱讀了你的問題。如果在我將4.10.0中的文件刪除之前閱讀它。 :-)

以相同的方式不建議使用文件grid.postext.js，jquery.searchfilter.js和grid.setcolumns.js。有趣的是jquery.jqgrid.showhidecolumnmenu.js,jquery.createcontexmenufromnavigatorbuttons.js和grid.odata.js，但是我建議你只有在你使用文件中相應的方法時纔會包含這些文件。