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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!--# layout("/common/layout.html",{"jsBase":"/js/dubget/budgetDeclaratio/"}){ -->
<form class="layui-form layui-form-pane" id="addForm">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">名称</label>
<div class="layui-input-inline">
<input type="text" id="graduateCollege" name="name" value="${budgetDeclaratio.name}" lay-verify="required" autocomplete="off" class="layui-input" >
<input type="hidden" id="type" name="type" class="layui-input" value="${budgetDeclaratio.type}">
<input type="hidden" id="dtype" name="dtype" class="layui-input" value="1" >
<input type="hidden" id="number" name="number" class="layui-input" value="${budgetDeclaratio.number}" >
<ul id="list" class="layui-nav-child layui-anim layui-anim-up"></ul>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">追加金额</label>
<div class="layui-input-inline">
<input type="text" name="budget" class="layui-input" >
<input type="hidden" name="id" value="${budgetDeclaratio.id}" class="layui-input" >
</div>
</div>
</div>
</div>
</div>
<div style="left:0; text-align: center;">
<button class="layui-btn layui-btn-danger" type="button" id="addButton" lay-submit lay-filter="form">保存</button>
<button class="layui-btn" type="button" id="addButton-cancel">取消</button>
</div>
</form>
<!--#} -->
<script>
layui.use(['addZJ2','laydate'], function(){
/* var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#year' //指定元素
,type:'year'
}); */
var oTxt = document.getElementById('graduateCollege');
var oList = document.getElementById('list');
var fruits =null;
var cpLock = false;
$('#graduateCollege').on('compositionstart', function () {
debugger;
cpLock = true;
});
$('#graduateCollege').on('compositionend', function () {
cpLock = false;
debugger;
var keyWord = oTxt.value;
if(keyWord!=""){
$.post(Common.ctxPath + '/dubget/budgetDeclaratio/history.json' ,{"name":oTxt.value},function(data){
var att = data.data.map(function(item){
return item.name +'---'+item.typename+"---"+item.type;
})
renderFruits(att);
});
}else{
renderFruits([]);
}
});
$('#graduateCollege').on('input', function () {
if (!cpLock) {
var keyWord = oTxt.value;
if(keyWord!=""){
$.post(Common.ctxPath + '/dubget/budgetDeclaratio/history.json' ,{"name":oTxt.value},function(data){
var att = data.data.map(function(item){
return item.name +'---'+item.typename+"---"+item.type;
})
renderFruits(att);
});
}else{
renderFruits([]);
}
}
});
$(document).on('click',function(e){
$(e.target).attr('id') == undefined && $('#list').hide()
})
function renderFruits(list){
if(!(list instanceof Array)){
return ;
}
oList.innerHTML = '';
var len = list.length;
var item = null;
for(var i=0;i<len;i++){
item = document.createElement('li');
item.innerHTML = list[i].split("---")[0]+"---"+list[i].split("---")[1];
item.setAttribute('text',list[i].split("---")[0]);
item.setAttribute('type',list[i].split("---")[2]);
oList.appendChild(item);
}
$('#list').show().css({
'top': '36px'
}).children().css({
"padding-left" : "5px"
});
$('#list').on('click','li',function(){
$('#list').hide();
$('#graduateCollege').val( $(this).attr('text') );
$('#type').val($(this).attr('type') )
})
}
var budgetDeclaratioAdd = layui.addZJ2
budgetDeclaratioAdd.init();
});
</script>