JqGrid 編輯單元格內容時提示url未設定錯誤 2018-08-06

感謝大佬的資料https://blog.csdn.net/Easy_____/article/details/30218421

雖然沒實例，但也給了一些信息。我以為cellsubmit屬性是添加到colModel里面的！實際並不是，

而是添加到jqGrid里面

 

//加載Grid
    function LoadGrid() {
        $("#gridTable1").jqGrid({
            datatype: "local",
            height: $(window).height() - 550,
            autowidth: true,
            colModel: [
                { label: "商品名稱", name: "goodsName", index: "goodsName", width: 450, align: "center" },
                { label: "商品Sku", name: "orderSku", index: "orderSku", width: 200, align: "center" },
                { label: "商品件數", name: "count", index: "count", width: 90, align: "center" },
                { label: "原始出廠單價", name: 'primitiveFactoryPrice', index: 'primitiveFactoryPrice', width: 200, sorttype: "float", align: "center" },
                { label: "規格", name: 'spec', index: 'spec', width: 100, align: "center" },
                { label: "單位", name: "unit", index: "unit", width: 50, align: "center" },
                {
                    label: "物流單號<font style=\"color:red;\" face=\"宋體\">*</font>", name: "waybill",
                    index: "waybill", width: 200, align: "center"
                },
                {
                    label: "物流公司<font style=\"color:red;\" face=\"宋體\">*</font>", name: "company",
                    index: "carrier", width: 200, align: "center"
                },
            ],
            viewrecords: true,
            rowNum: 30,
            rownumbers: true,
            shrinkToFit: false,
            gridview: true,
            cellEdit: true,
            cellsubmit: "clientArray",//不需要傳入后台 設置為clientArray。需要的時候可以設置為romote
            //gridComplete: function () {
            //    var ids = jQuery("#gridTable1").jqGrid('getDataIDs');
            //    for (var i = 0; i < ids.length; i++) {
            //        var cl = ids[i];
            //        var ae = '<input id="waybill_' + i + 1 + '" name="waybill_name" onchange="function(this){ $(this).attr("value", this.value);}" >';
            //        var be = '<input list="company_' + i + 1 + '_list" id="company_' + i + 1 + '" name="company_name" onchange="getCompany(this)"/><datalist id="company_' + i + 1 + '_list" style="display: none;"></datalist>';
            //        jQuery("#gridTable1").jqGrid('setRowData', ids[i], { company: be ,waybill:ae});
            //    }
            //}
        });
        $("#gridTable1").setColProp("waybill", { editable: true });//設置列可編輯
        $("#gridTable1").setColProp("company", { editable: true });//設置列可編輯
    }

運行結果

 

我的jqGrid版本的colModel屬性設置了editable並不支持

然后用setColProp方法才支持

    $("#gridTable1").setColProp("waybill", { editable: true });//設置列可編輯 $("#gridTable1").setColProp("company", { editable: true });//設置列可編輯