jqGrid:发送编辑数据

时间:2010-07-29 15:41:59

标签: jqgrid

我正在尝试在jqgrid上使用表单编辑。当数据发送到网络服务器时,我想在获取/发布数据中发送一个额外的字段。

听起来像editData是我想要使用的。如何将其挂钩到导航栏?

<script type="text/javascript">
    $(document).ready(function(){ 
        if (jQuery('#ReferenceGrid').attr('role') == 'undefined' || jQuery('#ReferenceGrid').attr('role') == null) {
            var lastSel;
            jQuery('#ReferenceGrid').jqGrid({
                url: '/PlannedWorkOrder/Items/',
                datatype: 'json',
                postData: { referenceNumber: $('#reference').text() },
                colNames: ['Platinum Part Number', 'Quantity'],
                colModel: [
                    { name: 'PlatinumPartNumber', index: 'PlatinumPartNumber', width: 300, sortable: false, editable: true },
                    { name: 'Quantity', index: 'Quantity', width: 300, sortable: false, editable: true, editrules:{integer: true}  },
                ],
                jsonReader: {
                    cell: "",
                    id: "PlatinumPartNumber",
                    repeatitems: false
                },
                search:false,
                viewrecords: true,
                height: '100%',
                sortorder: 'desc',
                caption: 'Details',
                altRows: true,
                pager : '#gridpager',
                pgbuttons: false,
                pginput: false,
                pgtext: false,
                viewrecords: false,
                editurl: '/PlannedWorkOrder/Item/'
            })
            jQuery("#ReferenceGrid").navGrid('#gridpager', { add: true, edit: true, search: false });
        }
        else {
            $("#ReferenceGrid").setGridParam({ postData: { firstName: $('#Reference').val(), lastName: $('#Reference').val() } });
            $("#ReferenceGrid").trigger("reloadGrid")
        }
    });

</script>

1 个答案:

答案 0 :(得分:10)

要添加在表单编辑中添加/编辑数据期间发送的其他参数,您可以使用editData

jQuery('#ReferenceGrid').jqGrid('navGrid',"#gridpager",
    {},
    {editData: {firstName: $('#Reference').val(),
                lastName: $('#Reference').text()}}, // edit options
    {editData: {firstName: $('#Reference').val(),
                lastName: $('#Reference').text()}); // add options

此外,jQuery('#ReferenceGrid').attr('role')的构造看起来有点奇怪。可能你在我的旧建议How to filter the jqGrid data NOT using the built in search/filter box中找到了同样问题的解决方案。我建议您使用postData作为功能:使用

postData: { referenceNumber: function() { return $('#reference').text(); } },

而不是

postData: { referenceNumber: $('#reference').text() },