SIPAIIS_WMS_JSSW/WebRoot/jsp/data/xServerEdit.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
.select2-container .select2-selection--single{  
      height:34px;  
      line-height: 34px;  
    }
    .select2-selection__arrow{
    margin-top:3px;
    } 
</style> 
<script type="text/javascript">
	function doupdate() {
    // $('#subForm').data('bootstrapValidator')
    //     .updateStatus('happenDate', 'NOT_VALIDATED',null)
    //     .validateField('happenDate');
    // $('#subForm').data('bootstrapValidator')
    //     .updateStatus('accidentTypeName', 'NOT_VALIDATED',null)
    //     .validateField('accidentTypeName');
		$("#subForm").bootstrapValidator('validate');//提交验证  
        if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
        	$.post(ext.contextPath + "/xServer/xServer/doupdate.do", $("#subForm").serialize(), function(data) {
                if (data.code == 1){
                  showAlert('s','保存成功');
                      closeModal('subModal')
                      $("#table").bootstrapTable('refresh');
                    
                }else if(data.code == 0){
                      showAlert('d','保存失败');
                }else{
                      showAlert('d',data.msg);
                }
          },'json');  
        }  
		
	}
	
  $("#subForm").bootstrapValidator({  
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {  
          name: {
                 validators: {
                     notEmpty: {
                         message: '名称不能为空'
                     }
                 }
             },
             typeid: {
                 validators: {
                     notEmpty: {
                         message: '服务器类型不能为空'
                     }
                 }
             },
             status: {
                 validators: {
                     notEmpty: {
                         message: '启用不能为空'
                     }
                 }
             },
        }  
    }); 
	$(function(){
    $("#flag").select2({ minimumResultsForSearch: 10 }).val("${xServer.flag}").trigger("change");
    $("#typeid").select2({ minimumResultsForSearch: 10 }).val("${xServer.typeid}").trigger("change");
    $("#dbtype").select2({ minimumResultsForSearch: 10 }).val("${xServer.dbtype}").trigger("change");
    $("#status").select2({ minimumResultsForSearch: 10 }).val("${xServer.status}").trigger("change");
  })
</script>
<div class="modal fade" id="subModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">编辑数据源管理</h4>
      </div>
      <div class="modal-body">
           <!-- 新增界面formid强制为subForm -->
           <form class="form-horizontal" id="subForm">
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                <input type="hidden" class="form-control" id="id" name ="id"  value ="${xServer.id}">
                <input type="hidden" class="form-control" id="bizid" name ="bizid"  value ="${xServer.bizid}">
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">*名称</label>
                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="name" name ="name" value="${xServer.name}">
                    </div>
                    <label class="col-sm-2 control-label">*服务器类型</label>
                    <div class="col-sm-4">
                        <select id="typeid" name="typeid" class="form-control select2">
                            <option value="数据库">数据库</option>
                            <option value="OPC">OPC</option>
                            <option value="ModBus">ModBus</option>
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">服务器地址</label>
                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="ipaddress" name ="ipaddress" value="${xServer.ipaddress}">
                    </div>
                  <label class="col-sm-2 control-label">端口</label>
                  <div class="col-sm-4">
                        <input class="form-control" type="text" id="port" name ="port" value="${xServer.port}">
                  </div>
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">用户名</label>
                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="loginname" name ="loginname" value="${xServer.loginname}">
                    </div>
                  <label class="col-sm-2 control-label">密码</label>
                  <div class="col-sm-4">
                        <input class="form-control" type="text" id="password" name ="password" value="${xServer.password}">
                  </div>
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">数据库名称</label>
                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="dbname" name ="dbname" value="${xServer.dbname}">
                    </div>
                    <label class="col-sm-2 control-label">数据库类型</label>
                    <div class="col-sm-4">
                        <select id="dbtype" name="dbtype" class="form-control select2" style="width: 150px;">
                            <option value="MSSQL">MSSQL</option>
                            <option value="mongoDB">mongoDB</option>
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">是否定时扫描连接</label>
                    <div class="col-sm-4">
                        <select id="flag" name="flag" class="form-control select2">
                            <option value="0">否</option>
                            <option value="1">是</option>
                        </select>
                    </div>
                  <label class="col-sm-2 control-label">定时扫描时间间隔分钟</label>
                  <div class="col-sm-4">
                        <input class="form-control" type="number" id="timespan" name ="timespan" value="${xServer.timespan}">
                  </div>
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label">启用状态</label>
                    <div class="col-sm-4">
                        <select id="status" name="status" class="form-control select2">
                            <option value="启用">启用</option>
                            <option value="禁用">禁用</option>
                        </select>
                    </div>
                </div>
           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick="doupdate()" id="btn_save">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>