first commit

src/main/webapp/jsp/visual/interactionAdd.jsp

@@ -0,0 +1,110 @@
+<%@ 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 + "/interaction/dosave.do", $("#subForm").serialize(), function (data) {
+                if (data.res == 1) {
+                    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: {
+            name: {
+                validators: {
+                    notEmpty: {
+                        message: '名称不能为空'
+                    }
+                }
+            },methodCode: {
+                validators: {
+                    notEmpty: {
+                        message: '方法编码不能为空'
+                    }
+                }
+            },
+
+        }
+    });
+    $(function () {
+        $.post(ext.contextPath + "/interaction/getAllMethodCode.do", {}, function (data) {
+            $("#methodcode").empty();
+            var select = $("#methodcode").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; } // 函数用于呈现当前的选择
+            });
+            select.val(data[0].id).trigger("change");
+        }, 'json');
+        fixSelect2ToForm("methodcode");
+    })
+</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" enctype="multipart/form-data">
+                    <!-- 界面提醒div强制id为alertDiv -->
+                    <div id="alertDiv"></div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">*名称</label>
+                        <div class="col-sm-7">
+                            <input type="text" id="name" name="name" class="form-control" placeholder="名称">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">*方法编码</label>
+                        <div class="col-sm-7">
+                            <select class="form-control select2" id="methodcode" name="methodcode"
+                                style="width: 100%"></select>
+                        </div>
+
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label">必要参数(逗号分隔)</label>
+                        <div class="col-sm-7">
+                            <input type="text" id="parameter" name="parameter" class="form-control" 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()">保存</button>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>