xm-select树形下拉框渲染,取值,赋值
//下拉树渲染
<div id="demo3" class="xm-select-demo" style="width: 300px;"></div><script>var demo3 = xmSelect.render({el: '#demo3', model: { label: { type: 'text' } },radio: true,clickClose: true,tree: {show: true,strict: false,expandedKeys: [ -1 ],},height: 'auto',data:[]})$.ajax({type: 'get',url: 'json/tree.json', //请求数据的地址dataType: "json", //返回数据形式为jsonsuccess: function(param) {function filter(data, pid) {var treedata = [];var temp;for (var i = 0; i < data.length; i++) {if (data[i].pid == pid) {var obj = data[i];temp = filter(data, data[i].id);if (temp.length > 0) {obj.children = temp;obj.name = data[i].onameobj.value=data[i].id}obj.name = data[i].onameobj.value=data[i].idtreedata.push(obj);}}return treedata;}var res = filter(param, 0);demo3.update({data: res,autoRow: true,})},})json数据格式
[{"id":1,"pid":0,"oname":"网服"},{"id":2,"pid":1,"oname":"广州分公司"},{"id":3,"pid":2,"oname":"前端"},{"id":4,"pid":1,"oname":"后端"}
]
//取值
demo3.getValue("value") //[2]
demo3.getValue("valustr") //2
demo3.getValue("name") //["广州分公司"]
demo3.getValue("nameStr") //广州分公司//赋值
var value1 = {name: text,//text是取到的name值value: fid//fid是取到的value值
}demo3.setValue([value1])
xm-select树形下拉框渲染,取值,赋值相关推荐
- easyui select 下拉框的取值和赋值
1.取值 //拍卖管理中示例 function serializeForm(form) {var obj = {auclotType : $('#auclotType').val(),goodsNam ...
- iview 下拉select样式_Vue.js相关:iview实现select tree树形下拉框的示例代码
Vue.js相关:iview实现select tree树形下拉框的示例代码 发布于 2020-3-16| 复制链接 摘记: 本文介绍了iview实现select tree树形下拉框的示例代码,分享给大 ...
- treeselect只选了分支节点全选_vue Treeselect 树形下拉框:获取选中节点的ids和lables操作...
API: https://vue-treeselect.js.org/#events 1.ids: 即value 1.lable: 需要用到方法:@select(node,instanceId) 和 ...
- JavaScript树形下拉框
js库地址:https://github.com/hzwy23/Hselect 这个JS文件是对select标签的一个扩展,使得select能够支持树形下拉框 1.依赖关系: 使用这段js代码之前,请 ...
- easyui复杂表单_jQuery EasyUI 表单 – 创建树形下拉框(ComboTree) | 菜鸟教程
jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...
- python获取select选中的值_Python3.x:遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
- selenium + python处理select标签下拉框的选项
selenium + python处理select标签下拉框的选项 1. 背景 在爬取网页是,有时候我们会遇到下图中的下拉框,也就是< select > < /select > ...
- element做树形下拉_一个基于 elementUi的vue树形下拉框组件
# wl-vue-select,wl-tree-selectcss # 简介vue 用于vue框架的树形下拉框及带全选的普通下拉框. node Tree drop-down box for vue ...
- element做树形下拉_一个基于 elementUi 的树形下拉框组件vue
wl-vue-select,wl-tree-select 简介 用于vue框架的树形下拉框及带全选的普通下拉框. Tree drop-down box for vue framework and or ...
最新文章
- servlet设置session追踪模式
- 类的成员函数 只声明 不定义
- linux内核配置失败,petalinux配置内核出现下面错误
- 一天1个机器学习知识点(四)
- eclipse无法运行 ,报错:the selection cannot be launched
- ios上架图片在线制作_TF上架是什么?上架testflight真的不掉签吗?
- ubuntu16.04安装curl
- SSH与SSM的区别以及相关技术的流行度
- IOS 学习笔记 2015-03-24 OC-API-常用结构体
- 20135202闫佳歆--week 8 实验:理解进程调度时机跟踪分析进程调度与进程切换的过程--实验及总结...
- sizeof,真正终结版GCC与VC
- Spring的注解和装配实现IOC
- python零基础教学plc_Python从基础到开发精修全面学习视频教程
- 华为p9总显示切换服务器中,怎么更改华为p9的多任务切换 | 手游网游页游攻略大全...
- 喜欢的歌——隐形的翅膀(张韶涵)
- 二十九幅图片所展现的意境:壮美!
- VMware Workstation虚拟机备份及磁盘空间回收
- 计算显卡算力测试软件,380显卡算力多少
- python模拟足球比赛_如何使用python从livescores获取足球比赛结果
- 脾胃虚弱用什么中成药比较好?