uniapp ---- 树组件

<u-popup v-model="treeShow" mode="bottom" height="700rpx"  border-radius="28"><view class="popTitle"> <text>请选择责任单位：</text><u-button size="mini" type="primary" style="margin-left:60rpx" @click="popOK">确定</u-button></view><scroll-view scroll-y="true" style="height: 500rpx;"><ly-tree ref='tree' :props="props" :ready="true" node-key="id" show-radio :expandOnCheckNode='false' :reload="reload":default-checked-keys="defaultCheckedKeys" :default-expanded-keys="defaultExpandedKeys"@node-expand="handleNodeExpand" @node-collapse="closeNode" @check="handleCheck" :load="loadNode" lazy></ly-tree></scroll-view>
</u-popup>

treeShow:false, //责任单位树// 树相关
props: {id: 'id',label: 'label',children: 'children',isLeaf: 'isLeaf'
},
defaultCheckedKeys: [],
defaultExpandedKeys:[],
currentExpandedKeys:[],
reload:false,
treeData: [],_self = this;// 筛选栏与弹窗
openOtherWindow(index) {if (index == 0) {this.dateShow = true}else if (index == 4) {this.treeShow = true}
},loadNode(node, resolve) {// _self.xxx; 这里用_self而不是thisif(node.level === 0){console.log("zs");this.getTreeData("0105").then(res =>{res.forEach((item,index)=>{item.isLeaf = item.isLeaf == '0'?false:true;})resolve(res);});}else{this.getTreeData(node.key).then(res =>{res.forEach((item,index)=>{item.isLeaf = item.isLeaf == '0'?false:true;})resolve(res);});}
},
getTreeData(parentId){console.log(parentId);let eiInfo=new this.$IPLAT.EiInfo();eiInfo.set('node', parentId);return this.$api.query_tree_list(eiInfo).then(res=>{console.log(res.get("result"));return res.get("result");}).catch(err => {uni.showToast({title: err,icon:'none'})});
},
handleNodeExpand(obj) {this.currentExpandedKeys.push(obj.key);
},

uniapp ---- 树组件相关推荐

uniapp树组件优化树节点设置单选，单击单选框可以选中多个偶尔根节点点击后会隐藏整棵树
在上篇文章的组件基础上做了两个调整 1.处理偶尔根节点点击后会隐藏整棵树的情况,lastRank是判断是否是最后一级,但是如果是根节点的话是不会有lastRank 2.处理树节点设置multiple是 ...
php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...
树组件说明书java_java树组件
package 树组件; import java.awt.Component; public class Example9_12 { public static void main(String ar ...
HT for Web的HTML5树组件延迟加载技术实现
HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的 ...
ant vue 树形菜单横向显示_快速实现一个简单可复用可扩展的Vue树组件
来源 | https://wintc.top/article/13大概因为平时工作项目的原因,写了很多次树形组件,越写越觉得可以写得更简单并且更具有复用性.扩展性.树组件的应用场景很多,比如一篇文章的 ...
Element tree树组件鼠标双击事件
需求双击 tree上的子节点,把节点文字显示在输入框中(这里简化一下,双击 tree 显示文字即可,省略 $emit 那一步) 注解:props 可以接收 defaultExpandAll(是否默认 ...
uni-app常用组件
uni-app内部组件 uni-app官网组件消息提示最全的toast: uni.showToast({title:"请输入用户名密码!" ,icon: 'none',mask ...
uni-app的组件easycom的使用
uni-app的组件easycom的使用 * HBuilderX 2.5.5起支持easycom组件模式传统vue组件,需要安装.引用.注册,三个步骤后才能使用组件 easycom 组件安装在项目的 ...
uniapp “未检测到手机或模拟器，请稍后重试”和uniapp自定义组件与通信
错误九:"未检测到手机或模拟器,请稍后重试" 在使用HBuilderX创建uni-app项目的时候想要在手机上运行看看效果,当你点击运行下面的"运行到手机或模拟器(N)& ...

uniapp ---- 树组件

uniapp ---- 树组件相关推荐

最新文章

热门文章