SIPAIIS_WMS_JSSW/WebRoot/jsp/base/mainPageAdd.jsp

<%@page import="com.sipai.tools.CommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%request.setAttribute("MainPageType_Produce", CommString.MainPageType_Produce); %>
<%request.setAttribute("MainPageType_Security", CommString.MainPageType_Security); %>
<%request.setAttribute("MainPageType_Efficiency", CommString.MainPageType_Efficiency); %>

<%request.setAttribute("ChartType_Base", CommString.ChartType_Base); %>
<%request.setAttribute("ChartType_Gauge", CommString.ChartType_Gauge); %>
<%request.setAttribute("ChartType_Bar", CommString.ChartType_Bar); %>
<%request.setAttribute("ChartType_Line", CommString.ChartType_Line); %>
<script type="text/javascript">
  var selectMPint = function (pid) {
    $.post(ext.contextPath + '/work/mpoint/showlistForSelect.do', { formId: 'subForm', hiddenId: 'mpointId', textId: 'mpointName', mpid: $("#mpointId").val() }, function (data) {
    $("#mpSubDiv").html(data);
      openModal('mpSubModal');
    });
  };
 
  function dosave() {
	$('#subForm').data('bootstrapValidator')
	      .updateStatus('mpointName', 'NOT_VALIDATED',null)
	      .validateField('mpointName');
	$("#subForm").bootstrapValidator('validate');//提交验证  
    if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
      $.post(ext.contextPath + "/base/mainPage/save.do", $("#subForm").serialize(), function (data) {
        if (data.res == 1) {
          closeModal('subModal')
         // $("#table").bootstrapTable('refresh');
         $("#table_mainpage").bootstrapTable('refresh');
		
        } else if (data.res == 0) {
          showAlert('d', '保存失败');
        } else {
          showAlert('d', data.res);
        }
      }, 'json');
    }

  }

  $("#subForm").bootstrapValidator({
    live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
    fields: {
      name: {
        validators: {
          notEmpty: {
            message: '用户名不能为空'
          }
        }
      },
      mpointName: {
          validators: {
            notEmpty: {
              message: '测量点不能为空'
            }
          }
        },
    }
  }); 
  
 

  $(function(){													
	 																									
	  $.post(ext.contextPath + "/base/mainPageType/getType4Select.do", {bizId:$('#bizId').val(),mainPageTypeId:$('#mainPageTypeId').val()}, function(data) {
          var selelct =$("#type").select2({
                 data: data,
                 placeholder:'请选择',//默认文字提示
                 allowClear: false,//允许清空
                 escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
                 language: "zh-CN", 
                 minimumInputLength: 0,
                 minimumResultsForSearch: 10,//数据超过十个启用搜索框
                 formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
                 formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
           }); 
        
     
    /*   
    $("#type").select2({minimumResultsForSearch: 10}); 
    fixSelect2ToTool('type');
    $("#showWay").select2({minimumResultsForSearch: 10}); 
		fixSelect2ToTool('showWay');
	*/	
},'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-10">
              <input id="bizId"  name="bizId" type="hidden" value="${company.id}" />
              <input id="mainPageTypeId" name="mainPageTypeId" type="hidden" value="${mainPageTypeId}" />
             
              <p class="form-control-static">${company.name}</p>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">类型</label>
            <div class="col-sm-5">
              <select class="form-control select2" id="type" name="type" style="width:220px;">
         <!-- 
              <c:forEach items="${list}" var="item">
              	<c:if test="${mainPageTypeId eq item.id}">
              		<option value="${item.id}" selected="selected">${item.title}</option>	
              	</c:if>       
              </c:forEach>
          --> 
              </select>
              
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">*测量点</label>
            <div class="col-sm-5">
              <input type="text" class="form-control" style="cursor: pointer" id="mpointName" name="mpointName"
                onclick="selectMPint()" placeholder="单击选择" />
              <input type="hidden" id="mpointId" name="mpointId" />
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">展示样式</label>
            <div class="col-sm-5">
              <select class="form-control select2" id="showWay" name="showWay">
                <option value="${ChartType_Base}" selected="selected">基础</option>
                <option value="${ChartType_Gauge}">仪表</option>
                <option value="${ChartType_Bar}">柱状图</option>
                <option value="${ChartType_Line}">折线</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">顺序</label>

            <div class="col-sm-5">
              <input type="number" class="form-control" id="morder" name="morder" placeholder="顺序">
            </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>
<!-- 新增 -->
 <div id="mpSubDiv"></div>