zkConfigAdd.jsp
3.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<%@page language="java" contentType="text/html;charset=utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<form class="form-horizontal" id="zkInfoForm" name="zkInfoForm">
<div class="form-group">
<label class="col-sm-2 control-label" style="width: 120px;">路径：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="zkPath" name="zkPath" maxlength="30" size="40" readonly/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" style="width: 120px;">配置项名称：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="configName" name="configName" size="40"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">配置描述：</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="configDesc" name="configDesc" maxlength="200" size="40"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" style="width: 120px;"></label>
<div class="col-sm-8">
<span class="btn btn-default filter-add">增加</span>
</div>
</div>
<div class="item-row filter">
<div class="form-group filter-item">
<label class="col-sm-2 control-label" style="width: 120px;">环境：</label>
<div class="col-sm-8" style="width: 180px;">
<select class="form-control filter-item-envType">
</select>
</div>
<label class="col-sm-2 control-label" style="width: 60px;">值：</label>
<div class="col-sm-8" style="width: 200px;">
<input type="text" class="form-control filter-item-configValue" size="40"/>
</div>
<span class="btn btn-default filter-del">删除</span>
</div>
</div>
</form>
<script>
$(function(){
$("#zkInfoForm #zkPath").val(paramObj.zkPath);
$(".filter-item-envType").html(paramObj.opsEnvType);
var filterTpl = $("#filter-item-tpl").html();
var $filter = $(".filter");
$(".filter-add").on("click", function () {
var $newFilter = $(filterTpl);
$filter.append($newFilter);
$newFilter.find(".filter-item-envType").html(paramObj.opsEnvType);
});
$filter.on("click", ".filter-del", function () {
$(this).parent().remove();
});
})
</script>
<script type="text/x-template" id="filter-item-tpl">
<div class="form-group filter-item">
<label class="col-sm-2 control-label" style="width: 120px;">环境：</label>
<div class="col-sm-8" style="width: 180px;">
<select class="form-control filter-item-envType">
</select>
</div>
<label class="col-sm-2 control-label" style="width: 60px;">值：</label>
<div class="col-sm-8" style="width: 200px;">
<input type="text" class="form-control filter-item-configValue" maxlength="30" size="40"/>
</div>
<span class="btn btn-default filter-del">删除</span>
</div>
</script>