HGSRM/SRM/NFine.Web/Areas/PNSRM/Views/BicDoc_Publish/ICSBicDoc_Item.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
    .td {
        padding: 0 5px 0 5px;
    }
</style>
<script>
    var WorkPoints = $.request("WorkPoint");
    $(function () {
        gridList();
    })

    function gridList() {
        var $gridList = $("#gridList");
        var queryJson = {
            INVCODE: $("#txt_InvCode").val(),
            INVNAME: $("#txt_InvName").val(),
        }
        $gridList.dataGrid({
            url: "/SRM/BicDoc_Publish/GetItemList" + "?" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson), WorkPoint: JSON.stringify(WorkPoints) },
            height: $(window).height() - 120,
            width: $(window).width() - 180,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: '物料编码', name: 'INVCODE', width: 240, align: 'left' },
                { label: '规格型号', name: 'InvStd', width: 240, align: 'left' },
                { label: '物料名称', name: 'INVNAME', width: 150, align: 'left' },
                { label: "单位", name: "INVUOM", width: 150, align: 'left' },
                { label: '来源', name: 'Source', width: 220, align: 'left' },
            ],
            sortname: 'INVCODE,INVNAME',
            shrinkToFit: true,//宽度自适应
            pager: "#gridPager",
            //sortname: 'ID',
            viewrecords: true,
            multiselect: true,
            rowNum: 200
        });
        $("#btn_search").click(function () {
            var queryJson = {
                INVCODE: $("#txt_InvCode").val(),
                INVNAME: $("#txt_InvName").val(),
            }
            $gridList.jqGrid('setGridParam', {
                postData: { queryJson: JSON.stringify(queryJson) },
                page: 1
            }).trigger('reloadGrid');
        });
    }
    //提交
    function submitForm() {

        //提交
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        var objs = [];
        for (var i = 0; i < ids.length; i++) {
            var obj = {
                ID: GUID(),
                INVCODE: $("#gridList").jqGrid('getRowData', ids[i]).INVCODE,
                INVNAME: $("#gridList").jqGrid('getRowData', ids[i]).INVNAME,
                Quantity: null,
                INVUOM: $("#gridList").jqGrid('getRowData', ids[i]).INVUOM,
                DeliveryTime: null,
                Source: $("#gridList").jqGrid('getRowData', ids[i]).Source,
                InvStd: $("#gridList").jqGrid('getRowData', ids[i]).InvStd
            };
            objs.push(obj);
        }
        return objs;
    }
    function GUID() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }
</script>

<form id="form1">
    <div class="topPanel" style="height:50px">
        <div class="search">
            <table>
                <tr>
                    <td style="text-align:right;padding: 0 5px 0 5px;">
                        <label>物料编码:</label>
                    </td>
                    <td>
                        <div class="input-group">
                            <input id="txt_InvCode" type="text" class="form-control" placeholder="物料编码" style="width: 100px;">
                        </div>
                    </td>
                    <td style="text-align:right;padding: 0 5px 0 5px;">
                        <label>物料名称:</label>
                    </td>
                    <td>
                        <div class="input-group">
                            <input id="txt_InvName" type="text" class="form-control" placeholder="物料名称" style="width: 100px;">
                        </div>
                    </td>
                    <td>
                        <span class="input-group-btn" style="padding-left:10px;">
                            <button id="btn_search" type="button" class="btn  btn-primary"><i class="fa fa-search"></i></button>
                        </span>
                    </td>
                </tr>
            </table>

        </div>
    </div>
    <div class="gridPanel">
        <table id="gridList"></table>
        <div id="gridPager"></div>
    </div>
</form>