BUI树形控件TreeList的异步加载

在测试树形列表的异步加载时，发现一个问题，先贴源码，如下：

 BUI.use(['bui/tree','bui/data'], function (Tree, Data) {
var store = new Data.TreeStore({
url: 'WebService/Handler_OrgStructure.ashx?action=default&IsShow=1',
autoload:true
});
var tree = new Tree.TreeList({
render: '#t1',
showLine: true,
height: 300,
store: store,
showRoot: true //不加上的话 节点都不显示 加上的话 会显示一个无用的根节点,原因是把autoLoad写成了autoload
});
tree.render();
tree.on('itemclick', function (ev) {
var item = ev.item;
$('.log').text(item.text);
});
});

在上面的代码，看了几遍都感觉没有问题，但就是在TreeList中showRoot: true这个属性有些问题，不加这个属性的话，节点内容都没有显示，加上的话会自动添加一个空的根节点，再把原有内容追加到这个根节点下面。

于是想着看是不是数据有问题，就换了另外一种方法，如下：

BUI.use(['bui/tree'], function (Tree) {$.getJSON('WebService/Handler_OrgStructure.ashx?action=default&IsShow=1', function (data) {var tree = new Tree.TreeList({render: '#t1',nodes: data,showLine: true,height: getHeight(0.5)});tree.render();tree.on('itemclick', function (ev) {var item = ev.item;$('.log').text(item.text);});});});

这种方法是可以的，那就说明上面的也是没有问题的，肯定是哪里设置出问题了，慢慢比对后发现是因为属性autoLoad写成了autoload所以才会出错（只能怪自己太粗心。。o(╯□╰)o）。此时showRoot: true加与不加效果都一样，直接去掉即可。

BUI树形控件TreeList的异步加载相关推荐

DevExpress 使用 XtraTabbedMdiManager 控件以 Tab样式加载 Mdi窗体并合并 RibbonControl 解决方案
DevExpress 使用 XtraTabbedMdiManager 控件以 Tab样式加载 Mdi窗体并合并 RibbonControl 解决方案参考文章: (1)DevExpress 使用 Xt ...
java ztree 异步加载_插件使用一树形插件---zTree一zTree异步加载
zTree 可以实现异步加载.异步加载可以让初次加载速度快,带来好的用户体验. 异步加载官方源码中的demo提示了例子.例子是采用php语言. 在java语言中,zTree如何与Servlet结合呢 ...
用户控件制作时设计模式加载报错的解决办法
最近改了个用户控件,在设计界面加载时总是报错. 网上查了下可以用DesignMode解决,但是在构造函数里用DesignMode还是不行.查原因后发现该Design模式不能嵌套UserControl, ...
VC++图片框控件静态和动态加载位图
win10,vc6:新建一个对话框工程:右击资源文件夹,插入...: 类型,Bitmap:引入:选择一个bmp图片: 插入后如下:自动给了一个id: 图片框属性:类型,下拉选中位图: 图像属性,选中 ...
关于控件postback 后viewstate加载失败的问题
我写了一个控件Inherits TextBox,里面有一个复杂属性Tip,但每次postback的时候都说加载viewstate失败,除非我在!postback的情况下给Tip.xxx赋值. 下面我贴 ...
html分页自动加载数据,硕正控件默认会自动加载数据
硕正控件 autoLoad 页面加载时是否自动加载表格数据默认true,如果自己需要根据页面条件查询数据建议设置为false 自己去查询加载数据. 硕正表格控件API 属性属性的定义, 例如 ...
delphi控件切图界面闪烁_8、控件系列之_加载占位图+页面指示器
Skeleton Screen/加载占位图 Skeleton Screen(加载占位图)是近年流行的加载控件,通常表现形式是在界面上待加载区域填充灰色的占位图,与线框图的效果非常相似.Skeleton ...
2-VIV-Android控件之res资源加载
零.前言 [1].本想在控件使用中穿插讲一下资源在加载,但感觉知识点挺多还是单开一篇专门讲一下吧. [2].values/string.xml的使用 [3].values/dimens.xml的使用 ...
android verticalviewpager 下拉刷新上拉加载_设计规范 | 详解组件控件结构体系：加载类...
设计师在进行APP设计时,往往会更加专注于界面的布局.界面和界面之间怎么跳转.操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计.那么我们怎么处理好界面交互中的加载设计,保证体验无缝 ...

BUI树形控件TreeList的异步加载

BUI树形控件TreeList的异步加载相关推荐

最新文章

热门文章