manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增下拉框级联选择组件，城市联动例子

Browse Source
This commit is contained in:
thinkgem
2021-04-25 16:39:30 +08:00
parent 7c2c1b2679
commit 8f7452e08e
2 changed files with 124 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/main/resources/views/modules/demo/demoFormEditForm.html
View File

@@ -163,7 +163,7 @@
<div class="col-xs-6">
<div class="form-group">
<label class="control-label col-sm-4" title="">
<span class="required hide">*</span> 区域选择（异步）：<i class="fa icon-question hide"></i></label>
<span class="required hide">*</span> 城市选择（异步）：<i class="fa icon-question hide"></i></label>
<div class="col-sm-8">
<#form:treeselect id="testAreaCode" title="区域选择"
path="testAreaCode" labelPath="testAreaName"
@@ -173,6 +173,39 @@
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label class="control-label col-sm-4" title="">
<span class="required hide">*</span> 城市联动：<i class="fa icon-question hide"></i></label>
<div class="col-sm-8">
<div class="input-group" id="cascadeSelect"></div>
<script src="${ctxStatic}/jquery-plugins/jquery.cascadeSelect.js?${_version}"></script>
<script type="text/javascript">
$(function(){
js.ajaxSubmit(ctx + '/sys/area/treeData', function(data){
$("#cascadeSelect").cascadeSelect({
data: data, cssStyle: 'width:150px',
change: function(vals, names){
$('#areaSelectValue').val(vals.join(',') + ' | ' + names.join('/'))
}
})
});
});
</script>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="control-label col-sm-4" title="">
<span class="required hide">*</span> 联动选择结果：<i class="fa icon-question hide"></i></label>
<div class="col-sm-8">
<#form:input path="areaSelectValue" maxlength="200" class="form-control"/>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="form-group">