@model AMESCoreStudio.WebApi.DTO.AMES.MaterialKpDtos
@{
    ViewData["Title"] = "系統資料管理";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<div class="layui-card">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" method="post" asp-action="PCS999" id="PCS999Form" class="layui-form">
            <div class="layui-form-item">
                <div style="text-align:center">
                    <input type="submit" value="保存" class="layui-btn" />
                </div>
                <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
                <input type="checkbox" title="写作" name="MaterialKpDtos[' + key + '].kpSeq" lay-skin="primary" checked="">
            </div>
            <div class="layui-form-item" style="padding-left:30px">
                <a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" onclick="input();">刷新</a>
                <table id="tblCustomers" class="layui-table" cellpadding="0" cellspacing="0">
                    <tbody id="tblCustomersBody">
                    </tbody>
                </table>
            </div>
        </form>
    </div>
</div>

@section Scripts{
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }
    <script type="text/javascript">
    layui.use(['form', 'laydate'], function () {
        var form = layui.form;
    });

          function input() {
        //var Inputs = GetAllEmpData();
        //var data = $("#PCS999Form").serialize();
        //$.each(Inputs, function (i, item) {
        //    data += "&Inputs[" + i + "]=" + item;
        //});
        $.ajax({
            url: "@Url.Action("MaterialKpQuery", "PCS")",
            type: "POST",
            async: false,
            data: { 'itemNo': 'JH168-AT-X'},
            success: function (result) {
                var html = '';
                $.each(result.data, function (key, item) {
                    html += '<tr>';
                    html += '<td>'+key+ ','+ item.materialKpID + '</td>';
                    html += '<td><input type="hidden" name="MaterialKpDtos[' + key + '].kpName" value=' + item.itemName+'>' + item.itemName + '</td>';
                    html += '<td>' + item.kpName + '</td>';
                    html += '<td>' + item.kpNo + '</td>';
                    html += '<td><input type="checkbox" name="MaterialKpDtos[' + key + '].Title" lay-skin="primary" checked=""></td>';
                    html += '</tr>';
                });
                $("#tblCustomers").html(html);
                //$('#tblCustomers').append(html);
            }
        });
        xuanran();
    };

        function xuanran() {
            alert("OK");
            layui.use(['form', 'laydate'], function () {
                var form = layui.form;
                form.render();
            });
        }
    </script>
}