SIPAIIS_WMS_JSSW/WebRoot/jsp/alarm/alarmPointRiskLevelEdit.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<script type="text/javascript">

    function doUpdate() {
        //保存前先赋值班组
        $('#riskLevelId').val($('#_riskLevelId').val());
        // $('#areaId').val($('#_areaId').val());

        $("#riskLevelForm").bootstrapValidator('validate');//提交验证
        if ($("#riskLevelForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
            var param = $("#riskLevelForm").serialize();
            $.post(ext.contextPath + "/alarm/alarmPointRiskLevel/doUpdate.do", param, function (data) {
                if (data.code == 1) {
                    closeModal('riskLevelEditModal')
                    $("#table_patrolRiskLevel").bootstrapTable('refresh');

                } else if (data.code == 0) {
                    showAlert('d', '保存失败');
                } else {
                    showAlert('d', data.res);
                }
            }, 'json');
        }

    }

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


    $(function () {
        // $.post(ext.contextPath + "/hqconfig/riskGrade/getAreaManage.do", {}, function (data) {
        //     var selelct = $("#_areaId").select2({
        //         data: data,
        //         placeholder: '请选择',//默认文字提示
        //         allowClear: false,//允许清空
        //         escapeMarkup: function (markup) {
        //             return markup;
        //         }, // 自定义格式化防止xss注入
        //         language: "zh-CN",
        //         minimumInputLength: 0,
        //         minimumResultsForSearch: 10,//数据超过十个启用搜索框
        //         multiple: false,
        //         formatResult: function formatRepo(repo) {
        //             return repo.text;
        //         }, // 函数用来渲染结果
        //         formatSelection: function formatRepoSelection(repo) {
        //             return repo.text;
        //         } // 函数用于呈现当前的选择
        //     });
        // }, 'json');

        $.post(ext.contextPath + "/hqconfig/riskGrade/getJson.do", {}, function (data) {
            var selelct = $("#_riskLevelId").select2({
                data: data,
                placeholder: '请选择',//默认文字提示
                allowClear: false,//允许清空
                escapeMarkup: function (markup) {
                    return markup;
                }, // 自定义格式化防止xss注入
                language: "zh-CN",
                minimumInputLength: 0,
                minimumResultsForSearch: 10,//数据超过十个启用搜索框
                multiple: false,
                formatResult: function formatRepo(repo) {
                    return repo.text;
                }, // 函数用来渲染结果
                formatSelection: function formatRepoSelection(repo) {
                    return repo.text;
                } // 函数用于呈现当前的选择
            });
            selelct.val('${alarmPointRiskLevel.riskLevel.id}').trigger("change");
            selelct.on('change', function (e) {
                $('#riskLevelId').val(e.target.value);
            })
        }, 'json');

    });


    //获取巡检区域
    var selectAreaFun = function () {
        $.post(ext.contextPath + '/timeEfficiency/patrolPoint/selectAreaLayer.do', {

        }, function (data) {
            $("#areaSubDiv").html(data);
            openModal('areaSubModal');
        });
    };

</script>
<div class="modal fade" id="riskLevelEditModal">
    <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="riskLevelForm">
                    <input type="hidden" id="risklevel" name="risklevel" class="form-control pull-right">
                     <input type="hidden" id="id" name="id" value="${alarmPointRiskLevel.id}">
                     <input type="hidden" id="alarmpointId" name="alarmpointId" value="${alarmPointRiskLevel.alarmpointId}">
                    <!-- 界面提醒div强制id为alertDiv -->
                    <div id="alertDiv"></div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">风险项</label>
                        <div class="col-sm-10">
                            <select class="form-control select2" id="_riskLevelId" name="_riskLevelId"
                                    style="width: 100%"></select>
                            <input type="hidden" name="riskLevelId" id="riskLevelId" value="${alarmPointRiskLevel.riskLevel.id}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">区域</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="_areaId" name="_areaId"
                                   onclick="selectAreaFun()" placeholder="点击选择"
                                   autocomplete="off" readonly="true"
                                   value="${alarmPointRiskLevel.areaManage.name}">
                            <input type="hidden" name="areaId" id="areaId" value="${alarmPointRiskLevel.areaManage.id}">
                        </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()" id="btn_save">保存</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>