SIPAIIS_WMS_JSSW/WebRoot/jsp/maintenance/maintainerAdd.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 dosave() {
		$("#subForm").bootstrapValidator('validate');//提交验证  
        if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
        	$.post(ext.contextPath + "/maintenance/maintainer/save.do", $("#subForm").serialize(), function(data) {
                if (data.res == 1){
                  //保存维护商类别
                    var val = $('#selectType').val();
                    var typestr="";
                    $.each(val,function(index,value,array){
                        if(typestr!=""){
                            typestr+=",";
                        } 
                        typestr+=value;
                    });
                    $.post(ext.contextPath + "/maintenance/maintainer/saveMaintainerType.do",{typestr:typestr,maintainerid:data.id},function(data1){
                        if(data1<1){
                            showAlert('d','维护商类别保存失败');
                        }else{
                            closeModal('subModal');
                            $("#table").bootstrapTable('refresh');
                        }
                        
                    }); 
                }else if(data.res == 0){
                      showAlert('d','保存失败');
                }else{
                      showAlert('d',data.res);
                }
          },'json');  
        }  
		
	}
	
	$("#subForm").bootstrapValidator({  
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {  
        	 fullName: {
                 validators: {
                     notEmpty: {
                         message: '维护商名不能为空'
                     }
                 }
             },
             selectType: {
                 validators: {
                     notEmpty: {
                         message: '运维商类别不能为空'
                     }
                 }
             },
        }  
    }); 
	//选择维护商类型
	$(function() {
        $.post(ext.contextPath +"/maintenance/maintainerType/geList4Select.do", {}, function(data) {
           var selelct =$("#selectType").select2({
                  data: data,
                  placeholder:'请选择',//默认文字提示
                  allowClear: false,//允许清空
                  escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
                  language: "zh-CN", 
                  minimumInputLength: 0,
                  minimumResultsForSearch: 10,//数据超过十个启用搜索框
                  multiple : true,
                  formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
                  formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
            }); 
       },'json');  
    });	
</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>
                <div class="form-group">
                 <label class="col-sm-2 control-label">*维护商名称</label>
                 <div class="col-sm-6">
                   <input type="text" class="form-control" id="fullName" name ="fullName" placeholder="名称" >
                </div>
               </div>
               <div class="form-group">
                 <label class="col-sm-2 control-label">*简称</label>
                 <div class="col-sm-6">
                   <input type="text" class="form-control" id="shortName" name ="shortName" placeholder="简称" >
                </div>
               </div>
                <div class="form-group">
                 <label class="col-sm-2 control-label">类别</label>
                 <div class="col-sm-6">
                  <select  class="form-control select2" id="selectType" name ="selectType" style="width: 270px;"></select>
                 </div>
               </div>
               <div class="form-group">
                <label class="col-sm-2 control-label">联系地址</label>
                 <div class="col-sm-6">
                 <input type="text" class="form-control" id="address" name ="address" placeholder="地址" >
                 </div>
               </div>
                <div class="form-group">
                <label class="col-sm-2 control-label">传真</label>
                 <div class="col-sm-6">
                 <input type="text" class="form-control" id="fax" name ="fax" placeholder="传真" >
                 </div>
               </div>
               <div class="form-group">
                <label class="col-sm-2 control-label">公司电话</label>
                 <div class="col-sm-6">
                 <input id="telephone" name="telephone" class="form-control" value="" />
                 </div>
               </div>
               <!-- <div class="form-group">
                <label class="col-sm-2 control-label">联系人</label>
                 <div class="col-sm-6">
                 <input type="text" class="form-control" id="contactsName" name ="contactsName" placeholder="联系人" >
                 </div>
               </div>
               
               <div class="form-group">
                <label class="col-sm-2 control-label">联系人手机</label>
                 <div class="col-sm-6">
                 <input type="text" class="form-control" id="contactsMobilephone" name ="contactsMobilephone" placeholder="手机号码" >
                 </div>
               </div>
               <div class="form-group">
                <label class="col-sm-2 control-label">备注</label>
                 <div class="col-sm-6">
                 <input id="remark" name="remark" class="form-control" value="" />
                 </div>
               </div> -->
           </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>