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

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

    function gridList() {
        var $gridList = $("#gridList");
        var queryJson = {
            cVenCode: $("#txt_cVenCode").val(),
            cVenName: $("#txt_cVenName").val(),
        }
        $gridList.dataGrid({
            url: "/SRM/BicDoc_Publish/GetVendorList" + "?" + Math.random()+"&WorkPoint="+WorkPoints,
            postData: { queryJson: JSON.stringify(queryJson) },
            height: $(window).height() - 120,
            width: $(window).width() - 180,
            colModel: [
                { label: '供应商编码', name: 'cVenCode', width: 240, align: 'left' },
                { label: '供应商名称', name: 'cVenName', width: 150, align: 'left' },
                //{ label: '是否已交保证金', name: 'EarnestMoney', width: 100, align: 'left'},
                { label: "来源", name: "Source", width: 150, align: 'left' },
            ],
            sortname: 'cVenCode',
            shrinkToFit: true,//宽度自适应
            pager: "#gridPager",
            //sortname: 'ID',
            viewrecords: true,
            multiselect: true,
            rowNum: 200
        });
        $("#btn_search").click(function () {
            var queryJson = {
                cVenCode: $("#txt_cVenCode").val(),
                cVenName: $("#txt_cVenName").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(),
                cVenCode: $("#gridList").jqGrid('getRowData', ids[i]).cVenCode,
                cVenName: $("#gridList").jqGrid('getRowData', ids[i]).cVenName,
                Source: $("#gridList").jqGrid('getRowData', ids[i]).Source,
                //EarnestMoney: $("#gridList").jqGrid('getRowData', ids[i]).EarnestMoney,
            };
            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_cVenCode" 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_cVenName" 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>