NWeiWMS/WMS-BS/NFine.Web/Areas/WMS/Views/BasicSettings/ICSInspectionGroup.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<script>
    $(document).ready(function () {
        $("input.cell").keyup(function (e) {
            switch (e.keyCode) {
                // up arrow
                case 40:
                    $(this).parent()
                        .parent()
                        .next()
                        .children("td")
                        .children("input.cell[name="
                            + $(this).attr("name") + "]")
                        .focus();
                    break;

                    // down arrow
                case 38:
                    $(this).parent()
                        .parent()
                        .prev()
                        .children("td")
                        .children("input.cell[name="
                            + $(this).attr("name") + "]")
                        .focus();
                    break;
            }
        });
    });</script>
<script>
    $(function () {
        gridList();
    })

    function gridList() {
        var $gridList = $("#gridList");
        var queryJson = {
            ListCode: $("#txt_ListCode").val(),
            ListName: $("#txt_ListName").val(),
        }
        $gridList.dataGrid({
            url: "/WMS/BasicSettings/GetICSInspectionGroup" + "?" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson) },
            height: $(window).height() - 200,
            width: $(window).width() - 300,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: 'ID', name: 'ID', hidden: true },
                { label: '检验项目组代码', name: 'GroupCode', width: 120, align: 'left' },
                { label: '检验项目组名称', name: 'GroupName', width: 150, align: 'left' },
              
                 {
                     label: "是否启用", name: "Enable", width: 100, align: "left",
                     formatter: function (cellvalue) {
                         if (cellvalue == "1") {
                             return "是";
                         } else if (cellvalue == "0") {
                             return "否";
                         }
                         else { return ""; }
                     }
                 },
                { label: '操作人', name: 'MUSER', width: 100, align: 'left' },
                { label: '操作人名称', name: 'MUSERName', width: 200, align: 'left' },
                { label: '操作时间', name: 'MTIME', width: 200, align: 'left' },
               // { label: "Free1", name: "Free1", hidden: true },

            ],
            shrinkToFit: false,//宽度自适应
            autoWidth:true,
            gridComplete: function () {
            },
            pager: "#gridPager",
            sortorder: "desc",
            sortname: 'GroupCode ',
            viewrecords: true,
            multiselect: true,
            //beforeSelectRow: function (rowid, e) {
            //    $("#gridList").jqGrid('resetSelection');
            //    return (true);
            //},
            subGrid: true,  // (1)开启子表格支持
            subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数
                debugger;
                $("#gridList").jqGrid("setSelection", rowid, false);
                bindSubGrid(subgrid_id, rowid)
            }
        });
        $("#btn_search").click(function () {
            var warehouse = $("#warehouse a.active").attr('data-value');
            var queryJson = {
                ListCode: $("#txt_ListCode").val(),
                ListName: $("#txt_ListName").val(),
            }
            $gridList.jqGrid('setGridParam', {
                postData: { queryJson: JSON.stringify(queryJson) },
            }).trigger('reloadGrid');
        });
    }


    function bindSubGrid(subgrid_id, rowid) {

        debugger;
        $("#gridList").jqGrid("setSelection", rowid, false);
        var subgrid_table_id;
        subgrid_table_id = subgrid_id + "_t";   // (3)根据subgrid_id定义对应的子表格的table的id

        var subgrid_pager_id;
        subgrid_pager_id = subgrid_id + "_pgr"  // (4)根据subgrid_id定义对应的子表格的pager的id

        // (5)动态添加子报表的table和pager
        $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table><div id='" + subgrid_pager_id + "' class='scroll'></div>");
        var GroupCode = $("#gridList").jqGrid('getRowData', rowid).GroupCode;
        // (6)创建jqGrid对象
        $("#" + subgrid_table_id).dataGrid({
            cellEdit: true,
            url: "/WMS/BasicSettings/ICSInspectionList?GroupCode=" + GroupCode + "&" + Math.random(),  // (7)子表格数据对应的url，注意传入的contact.id参数
            colModel: [
               { label: "主键", name: "ID", hidden: true, key: true },
               { label: "检验项目组唯一标识", name: "GroupID", width: 150, align: 'left' },
               { label: "检验项目代码", name: "ListCode", width: 150, align: 'left' },
               { label: '检验项目名称', name: 'ListName', width: 100, align: 'left' },
               { label: '单位', name: 'Unit', width: 100, align: 'left' },
               { label: '标准上限', name: 'SetValueMax', width: 100, align: 'left' },
               { label: '标准下限', name: 'SetValueMin', width: 100, align: 'left' },
               {
                   label: "是否启用", name: "Enable", width: 100, align: "left",
                   formatter: function (cellvalue) {
                       if (cellvalue == "1") {
                           return "是";
                       } else if (cellvalue == "0") {
                           return "否";
                       }
                       else { return ""; }
                   }
               },
               { label: '操作人名称', name: 'MUSERName', width: 150, align: 'left' },
                { label: '操作时间', name: 'MTIME', width: 150, align: 'left' },
            ],
            sortname: 'MTIME',
            shrinkToFit: true,//宽度自适应
            //multiselect: true,
            prmNames: { search: "search" },
            viewrecords: true,
            height: "100%",
            rowNum: 20,
            pager: subgrid_pager_id,
        });
    }

    function btn_Delete() {
        var objArr = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            objArr += "'" + rowData.GroupCode + "',";
        }
        if (objArr == '') {
            $.modalAlertNew("WMS00001");
            return;
        }
        $.deleteForm({
            url: "/WMS/BasicSettings/DeleteICSInspectionGroup" + "?" + Math.random(),
            param: { keyValue: JSON.stringify(objArr) },
            success: function () {
                $.currentWindow().$("#gridList").trigger("reloadGrid");
            }
        })
    }

    //修改类型
    function btn_update() {
        debugger;
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        if (ids.length != 1) {
            $.modalAlertNew("WMS00006");
            return;
        }
        for (var i in ids) {
            var rowData = jQuery("#gridList").jqGrid("getRowData", ids[i]);
            //ID
            var ID = rowData.ID;
            var GroupCode = rowData.GroupCode;
            var GroupName = rowData.GroupName;
            $.modalOpen({
                id: "Details",
                title: "修改",
                url: "/WMS/BasicSettings/ICSInspectionListAdd?ID=" + ID + "&GroupCode=" + GroupCode + "&GroupName=" + encodeURI(encodeURI(GroupName)) + "&" + Math.random(),
                width: "900px",
                height: "800px",
                callBack: function (iframeId) {
                    top.frames[iframeId].submitForm();
                }
            });
        }
    }


    function btnCreate() {
        $.modalOpen({
            id: "BRGCodeAdd",
            title: "新增",
            url: "/WMS/BasicSettings/ICSInspectionListAdd" + "?" + Math.random(),
            width: "900px",
            height: "800px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }
        });
    }
</script>

<div class="topPanel" style="height:45px">
    <div class="toolbar">
        <div class="btn-group">
            <a id="NF-Create" authorize="yes" class="btn btn-primary" onclick="btnCreate()"><i class="fa fa-pencil-square-o"></i>新增</a>
            <a id="NF-update" authorize="yes" class="btn btn-primary" onclick="btn_update()"><i class="fa fa-pencil-square-o"></i>修改</a>
            <a id="NF-Delete" authorize="yes" class="btn btn-primary" onclick="btn_Delete()"><i class="fa fa-trash-o"></i>删除</a>
            <a class="btn btn-primary" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>
        </div>
    </div>
    <div class="search">
        <table>
            <tr>
                <td style="text-align:right;"><label class="lglabel" for="txt_POCode">检查项目组代码</label>：</td>
                <td>
                    <div class="input-group">
                        <input id="txt_ListCode" type="text" class="form-control" style="width: 100px;">
                    </div>
                </td>
                <td style="width:20px"></td>
                <td style="text-align:right;"><label class="lglabel" for="txt_POCode">检查项目组名称</label>：</td>
                <td>
                    <div class="input-group">
                        <input id="txt_ListName" type="text" class="form-control" style="width: 100px;">
                    </div>
                </td>
                <td>
                    <span class="input-group-btn">
                        <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>