@/*
|
表单中input框标签中各个参数的说明:
|
|
hidden : input hidden框的id
|
id : input框id
|
name : input框名称
|
readonly : readonly属性
|
clickFun : 点击事件的方法名
|
style : 附加的css属性
|
@*/
|
<div class="form-group">
|
<label class="col-sm-3 control-label">
|
@if(isNotEmpty(required)){
|
<span style="color: red;">*</span>
|
@}
|
${name}
|
</label>
|
<div class="col-sm-9">
|
<div class="input-group" style="width: 100%">
|
<input class="form-control" autocomplete="off" id="${id}Search" name="${id}"
|
type="text"
|
@if(isNotEmpty(readonly)){
|
readonly="${readonly}"
|
@}
|
@if(isNotEmpty(disabled)){
|
disabled="${disabled}"
|
@}
|
>
|
<div class="input-group-btn">
|
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
|
<span class="caret"></span>
|
</button>
|
<ul class="dropdown-menu dropdown-menu-right" role="menu">
|
</ul>
|
</div>
|
</div>
|
<input type="hidden" id="${id}" value="${value!}">
|
</div>
|
</div>
|
<script type="text/javascript" charset="utf-8" src="${ctxPath}/static/js/plugins/bootstrap-suggest/bootstrap-suggest.min.js"></script>
|
<script>$(function(){
|
if ( "${url!}") {
|
var fieldsAlias = {}, fields = "${showFields!}".split( ",")||[], alias = "${fieldsAlias!}".split( ",")||[];
|
fields.forEach(function(val, index){ fieldsAlias[ val] = alias[index]; });
|
var testBsSuggest = $("#${id}Search").bsSuggest({
|
url: "${ctxPath}/${url!}",
|
showBtn: false,
|
idField: "id",
|
effectiveFields: fields,
|
effectiveFieldsAlias: fieldsAlias,
|
keyField: ("${showName!}"||"name")
|
}).on('onSetSelectValue', function (e, item) {
|
$( "#${id}").val( item.id)
|
}).on('onDataRequestSuccess', function (e, result) {
|
if ( "${value!}") {
|
(result.value||[]).forEach(function(val){
|
if ( val.id == "${value!}") {
|
$( "#${id}Search").val( val[("${showName!}"||"name")]);
|
}
|
})
|
}
|
});
|
}
|
})</script>
|
@if(isNotEmpty(underline) && underline == 'true'){
|
<div class="hr-line-dashed"></div>
|
@}
|
