@{
    ViewBag.Title = "区域管理";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<script>
    var keyValue = request('keyValue');
    var id = request('id');
    var name = unescape(request('name'));//解码中文字符
    var areaLevel = request('areaLevel');

    $(function () {
        initControl();
    })
    //初始化控件
    function initControl() {
        //组网方式
        $("#Networking").ComboBox({
            description: "==请选择组网方式==",
            height: "200px"
        });

        //监听端口
        $("#ServerPort").ComboBox({
            description: "==请选择监听端口==",
            height: "200px"
        });


        $("#ID").val(keyValue == "" ? "0" : keyValue);

        $("#AreaFatherName").val(name);


        //获取表单
        if (!!keyValue) {
            $.SetForm({
                url: "/PipeNetworkManage/Meter/GetMeterFormJson",
                param: { keyValue: keyValue },
                success: function (data) {
                    $("#form1").SetWebControls(data);
                }
            });
        }
    }
    //保存表单
    function AcceptClick() {
        if (!$('#form1').Validform()) {
            return false;
        }
        var postData = $("#form1").GetWebControls(keyValue);

        //postData 格式化 将&nbsp; 替换为 ""
        for (var i in postData) {
            if (postData[i] == "&nbsp;") {
                postData[i] = "";
            }
        }
        var Longitude = $("#Longitude").val();
        var Latitude = $("#Latitude").val();

        $.SaveForm({
            url: "/JiangSuWaterResource/AreaAndDevice/SaveAreaForm?keyValue=" + keyValue,
            param: { "keyValue": keyValue, "areaJson": JSON.stringify(postData), "lng": Longitude, "lat": Latitude },
            loading: "正在保存数据...",
            success: function () {
                $.currentIframe().$("#gridTable").resetSelection();
                $.currentIframe().$("#gridTable").trigger("reloadGrid");
            }
        })
    }

</script>
<style type="text/css">
    .form .formTitle {
        width: 80px;
    }
</style>
<div style="margin-left: 10px; margin-top: 20px; margin-right: 30px;">
    <table class="form">
        <tr>
            <th class="formTitle">组网方式：<font face="宋体">*</font></th>
            <td class="formValue" colspan="3">
                <div id="Networking" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择组网方式">
                    <ul>
                        <li data-value="4">网络TCP</li>
                        <li data-value="5">网络UDP</li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">监听端口：<font face="宋体">*</font></th>
            <td class="formValue" colspan="3">
                <input id="ServerPort" type="text" class="form-control" readonly />
            </td>
        </tr>
        <tr>
            <th class="formTitle">串口号：<font face="宋体">*</font></th>
            <td class="formValue" colspan="3">
                <div id="SerialPort" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择所属级别">
                    <ul>
                        <li data-value="COM1">COM1</li>
                        <li data-value="COM2">COM2</li>
                        <li data-value="COM3">COM3</li>
                        <li data-value="COM4">COM4</li>
                        <li data-value="COM5">COM5</li>
                        <li data-value="COM6">COM6</li>
                        <li data-value="COM7">COM7</li>
                        <li data-value="COM8">COM8</li>
                        <li data-value="COM9">COM9</li>
                        <li data-value="COM10">COM10</li>
                        <li data-value="COM11">COM11</li>
                        <li data-value="COM12">COM12</li>
                        <li data-value="COM13">COM13</li>
                        <li data-value="COM14">COM14</li>
                        <li data-value="COM15">COM15</li>
                        <li data-value="COM16">COM16</li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">波动率：<font face="宋体">*</font></th>
            <td class="formValue" colspan="3">
                <div id="BaudRate" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择所属级别">
                    <ul>
                        <li data-value="115200">115200</li>
                        <li data-value="57600">57600</li>
                        <li data-value="56000">56000</li>
                        <li data-value="43000">43000</li>
                        <li data-value="38400">38400</li>
                        <li data-value="19200">19200</li>
                        <li data-value="9600">9600</li>
                        <li data-value="4800">4800</li>
                        <li data-value="2400">2400</li>
                        <li data-value="1200">1200</li>                        
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">数据位：<font face="宋体">*</font></th>
            <td class="formValue" colspan="3">
                <input id="DataBit" type="text" class="form-control" readonly />
            </td>
        </tr>
        <tr>
            <th class="formTitle">停止位：</th>
            <td class="formValue">
                <input id="StopBit" type="text" class="form-control" readonly />
            </td>            
        </tr>
        <tr>
            <th class="formTitle">校验位：</th>
            <td class="formValue">
                <div id="Parity" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择所属级别">
                    <ul>
                        <li data-value="O">ODD</li>
                        <li data-value="E">EVEN</li>
                        <li data-value="N">NONE</li>                        
                    </ul>
                </div>
            </td>
        </tr>
    </table>
</div>