下拉框可输入搜索

发布：2024-03-15 11:50分类：后端程序评论：3浏览：221

veitool1 楼
2024-03-15 14:32

> 以下演示请确保字典项中存在编码:`LAND`的字典项！ [站内字典渲染置顶帖](/ask/show/57.html) ### 普通页中实现 ``` html <div class="v-xmselect-tree" id="open_land" v-dict="LAND" options="{name:'land',filterable:true,searchTips:'搜索词',layVerify:'required',layReqText:'请选择国家',initValue:'默认选中的项目值'}'"></div> // options 的具体配置项用法参照 xmselect 第3方法组件的参数配置 ``` ### 弹窗层中实现 ``` admin.open({ type: 1, bid: 'test_items', btn: ['保存', '取消'], area: ['800px','600px'], title: (Dt ? '编辑' : '添加') + '内容', success: function(lay,index){ layui.buildItems.build({ bid: 'test_items', data: [ ... {name:"land",title:"国家",type:"html",html:'<div class="v-xmselect-tree" id="open_land" v-dict="LAND" options="{name:\'land\',filterable:true,searchTips:\'搜索词\',layVerify:\'required\',layReqText:\'请选择国家\',initValue:[\''+(Dt ? Dt.land : '')+'\']}"></div>',must:true}, ... ], }); admin.vDict(lay); //对弹窗层进行字典项渲染，以上 v-dict="LAND" 其中LAND就是对应的字典编码 ... } }); ```

0 回复 (1)
7345851872 楼
2024-03-16 10:11

@veitool:
> 以下演示请确保字典项中存在编码:`LAND`的字典项！ [站内字典渲染置顶帖](/ask/show/57.html) ### 普通页中实现 ``` html <div class="v-xmselect-tree" id="open_land" v-dict="LAND" options="{name:'land',filterable:true,searchTips:'搜索词',layVerify:'required',layReqText:'请选择国家',initValue:'默认选中的项目值'}'"></div> // options 的具体配置项用法参照 xmselect 第3方法组件的参数配置 ``` ### 弹窗层中实现 ``` admin.open({ type: 1, bid: 'test_items', btn: ['保存', '取消'], area: ['800px','600px'], title: (Dt ? '编辑' : '添加') + '内容', success: function(lay,index){ layui.buildItems.build({ bid: 'test_items', data: [ ... {name:"land",title:"国家",type:"html",html:'<div class="v-xmselect-tree" id="open_land" v-dict="LAND" options="{name:\'land\',filterable:true,searchTips:\'搜索词\',layVerify:\'required\',layReqText:\'请选择国家\',initValue:[\''+(Dt ? Dt.land : '')+'\']}"></div>',must:true}, ... ], }); admin.vDict(lay); //对弹窗层进行字典项渲染，以上 v-dict="LAND" 其中LAND就是对应的字典编码 ... } }); ```
好的谢谢，我试一下

0 回复 (0)
yztadds3 楼
2024-04-20 14:49

感谢分享

0 回复 (0)

发布帖子

作者信息

: 734585187; 等级：Lv1; 积分：244; 这家伙很懒，什么都没写呢~

下拉框可输入搜索

发布：2024-03-15 11:50分类：后端程序评论：3浏览：221

作者信息

最近热帖