SIPAIIS_WMS_JSSW/WebRoot/jsp/base/mainPageEdit.jsp

<%@page import="com.sipai.tools.CommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%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); %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<script type="text/javascript">
  var selectMPint = function (pid) {
    $.post(ext.contextPath + '/work/mpoint/showlistForSelect.do', { formId: 'subForm', hiddenId: 'mpointId', textId: 'mpointName', codeId: $("#mpointId").val() }, function (data) {
      $("#mpSubDiv").html(data);
      openModal('mpSubModal');
      
    });
  };
  function doupdate() {
    $.post(ext.contextPath + "/base/mainPage/update.do", $("#subForm").serialize(), function (data) {
      if (data.res == 1) {
      $("#table_mainpage").bootstrapTable('refresh');
        //$("#table").bootstrapTable('refresh');
        closeModal('subModal')

      } else if (data.res == 0) {
        showAlert('d', '保存失败');
      } else {
        showAlert('d', data.res);
      }
    }, 'json');
  }
  $(function(){
	  $.post(ext.contextPath + "/base/mainPageType/getType4Select.do", {bizId:$('#bizId').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;} // 函数用于呈现当前的选择
           }); 
          
          selelct.val('${mainPage.type}').trigger("change");
          $("#showWay").select2({minimumResultsForSearch: 10}).val("${mainPage.showWay}").trigger("change");
     /*     
    $("#type").select2({minimumResultsForSearch: 10}).val("${mainPage.type}").trigger("change"); ; 
    fixSelect2ToTool('type');
    $("#showWay").select2({minimumResultsForSearch: 10}).val("${mainPage.showWay}").trigger("change"); ; 
		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>
          <input id="id" name="id" type="hidden" value="${mainPage.id}" />
         <input id="bizId" name="bizId" type="hidden" value="${company.id}" />
          <!-- 界面提醒div强制id为alertDiv -->
          <div id="alertDiv"></div>
          <div class="form-group">
            <label class="col-sm-2 control-label">所属公司</label>
            <div class="col-sm-10">
              <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;">
            
              </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="单击选择" value="${mainPage.mPoint.parmname }" />
              <input type="hidden" id="mpointId" name="mpointId" value="${mainPage.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" style="width:220px;">
 
                <option value="${ChartType_Base}" 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="顺序"
                value="${mainPage.morder}" />
            </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="doupdate()">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- 新增 -->
<div id="mpSubDiv"></div>