如何使用jqgrid inlineNav保存添加的行

时间:2019-05-31 06:19:08

标签: spring jqgrid jqgrid-inlinenav

我正在使用jqGrid 4.6版本。

我不知道如何使用inlineNav函数。我读过一些例子,但还是不明白。 我要做的是将添加的数据保存在本地数据库中。

这是我当前的页面,您可以在此处看到+按钮。当我单击磁盘按钮(保存)时,它不起作用,我也不知道它是如何工作的。

enter image description here

以下是html和jquery代码

#[derive(Introspect)]
struct MyStruct {
    num: i32,
    text: String
}

MyStruct::introspect();
<div class="widget-body no-padding">                                                                                                
                                    <table id="GridProductPriceList"></table>
                                    <div id="pjqgrid"></div>
                                </div>

这是我的Java控制器代码

// gridItemList2 start  
    jQuery.ajaxSettings.traditional = true;
    jQuery("#GridProductPriceList").jqGrid({
        url: "<%=ItemConstUrl.CUSTOMER_ITEM_URL %>",
        postData: {
            actionID: "<%=ItemConstKey.ACTION_PRODUCT_PRICE_AJAX%>"         
        },
        page:"<%=searchInfo.getJqPage()%>",
        datatype: "json",
        jsonReader: {
            root: "root",
            page: "page",
            records: "records",
            repeatitems: false
        },
        mtype: 'POST',
        autoencode:true,
        height: 200,
        colNames:[  
             "",
            //actions
             "actions",
            //Vol1
             "<spring:message code='TEXT.ITEM.MGMT.TAB.VOL1'/>",
            //Vol2
             "<spring:message code='TEXT.ITEM.MGMT.TAB.VOL2'/>",
            //Year
             "<spring:message code='TEXT.ITEM.MGMT.TAB.YEAR'/>",
            //Price
            "<spring:message code='TEXT.ITEM.MGMT.TAB.PRICE'/>",
            //Unique Parttern
            "<spring:message code='TEXT.ITEM.MGMT.TAB.UNIQUE_PATTERN'/>",
            //Copied Pattern
            "<spring:message code='TEXT.ITEM.MGMT.TAB.COPIED_PATTERN'/>",
            //Modified
            "<spring:message code='TEXT.ITEM.MGMT.TAB.MODIFIED'/>",
            //Modifier
            "<spring:message code='TEXT.ITEM.MGMT.TAB.MODIFIER'/>"
        ],
        colModel:[
                {name:"sku_no"      ,index:"sku_no"         , hidden:true}, 
                {name: 'act', index : 'act',align:"center", sortable:false, formatter:formatRowButtonOpt},
                {name:"volume_from"     ,index:"volume_from"        ,align:"center" ,width:120, editable:true},
                {name:"volume_to"           ,index:"volume_to"          ,align:"center" ,width:120,editable:true},              
                 {name:"year"           ,index:"year"           ,align:"center" ,width:120,editable:true},
                {name:"price_per_unit"  ,index:"price_per_unit" ,align:"center" ,width:120,editable:true},
                 {name:"def_uniq_ptrn_shelves_cnt",index:"def_uniq_ptrn_shelves_cnt",align:"center" ,width:120,editable:true},
                {name:"def_copy_ptrn_pages_cnt" ,index:"def_copy_ptrn_pages_cnt",align:"center" ,width:120,editable:true},
                {name:"upd_id"          ,index:"upd_id"     ,align:"center" ,width:100, stype: "select"},
                {name:"upd_dt"          ,index:"upd_dt"     ,align:"center" ,width:100, stype: "select"}

        ],
        sortname: "sku_no",
        rowNum:<%=JQGRID_NORMAL_ROWNUM %>,
        rownumbers:true,
        rowList : [10, 20, 30],
        sortorder: "asc",
        shrinkToFit: true,
        toolbarfilter : true,
        viewrecords: true,
        pager: "#pjqgrid",
        autowidth : true,
        onSelectRow: function(id){
            var id = jQuery("#GridProductPriceList").getGridParam("selrow");        
            if(id){
                var ret = jQuery("#gridSettingsProductPrice").getRowData(id);
                var resc_name = ret.resc_name;
                $("#resc_name").val(resc_name);
            }
        },

        ondblClickRow: function (rowid, iRow, iCol) { 
            var ret = jQuery("#GridProductPriceList").getRowData(rowid);
            var resc_name = ret.resc_name;
            $("#resc_name").val(resc_name);

        },

        loadComplete: function() {


        total_cnt = $("#GridProductPriceList").getGridParam("reccount")                    
        $("#total_cnt").text(total_cnt);
        }
    });
     jQuery("#GridProductPriceList").jqGrid("navGrid","#pjqgrid",{
        edit:false,
        add:false,
        del:false,
        view:false,
        search:false,
        refresh:false
            }
        ); 
     jQuery("#GridProductPriceList").jqGrid("inlineNav", "#pjqgrid",{
         addParams:{
             position:"last",
             addRowParams:{keys:true,
                          mtype:"POST",
                            useFormatter : true,
                           url:"<%=ItemConstUrl.CUSTOMER_PRODUCT_ADD_URL%>",
                          postData: {
                                actionID: "<%=ItemConstKey.ACTION_PRODUCT_ADD_OK%>"
                            }
             }
            }
        });

我想知道如何将新的行数据发送到java multicontroller。

您的建议将不胜感激

0 个答案:

没有答案