@{
    ViewBag.Title = "ServerInfo";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}

<script src="~/ViewModels/ProjectManager.js?r=@DateTime.Now.ToLongTimeString()"></script>
<script src="~/Content/Scripts/chinese2PinYin.js"></script>


<div class="easyui-panel" data-options="fit:true,border:false">
    <form id="insert_server" method="post" class="layui-form" style="margin-top:20px">
        <!--当前编辑的ID值-->
        <input type="hidden" id="ID" name="ID" />
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">数据库名称</label>
                <div class="layui-input-inline">
                    <input type="text" id="名称" name="名称" required autocomplete="off" placeholder="请输入服务器数据库名称" class="layui-input" style="height:38px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">数据库类型</label>
                <div class="layui-input-inline">
                    <input type="text" id="数据库类型" name="数据库类型" panelheight="100px" editable="false" class="easyui-combobox" style="width: 190px; height: 33px;" />
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">数据库连接串</label>
                <div class="layui-input-inline">
                    <textarea id="数据库连接串" name="数据库连接串" class="layui-textarea" placeholder="请填写服务器数据库连接字符串..." style="width: 505px; min-height: 120px;"></textarea>
                </div>
            </div>
        </div>
    </form>
</div>




<script type="text/javascript">
    $(function () {

    });

    window.LoadPage = function (row) {
        //数据库类型
        $("#数据库类型").combobox({
            url: '/ProManager/GetDataBaseType',
            valueField: 'ID',
            textField: '显示名',
            onLoadSuccess: function (data) {
                $('#数据库类型').combobox('setValue', row?.数据库类型);
            }
        });
        if (!row) return;
        $("#名称").val(row.名称);
        $("#数据库连接串").val(row.数据库连接串);
    }
</script>