1. 程式人生 > >BUI樹形控制元件TreeList的非同步載入

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非同步載入

在測試樹形列表的非同步載入時,發現一個問題,先貼原始碼,如下:  BUI.use(['bui/tree','bui/data'], function (Tree, Data) {          

Winform DevExpress控制元件庫(二) 使用SplashScreenManager控制元件定製程式載入頁面

SplashScreenManager控制元件:主要作用是顯示在進行耗時操作時的等待介面;   位於 工具箱 -> Navigation & Layout(導航欄與佈局類控制元件) 目錄下;   在工具箱輸入名稱SplashScreenManager檢索,然後直接拖拽

iOS開發UI篇——一個可擴充套件性極強的樹形控制元件

一、簡介 樹形控制元件在多列列表、多級選單中使用比較常見,比如:國家-省份-城市 多級選擇、學校-專業-班級 多級選擇等等。然而IOS自帶控制元件中並不存在樹形控制元件,我們要在IOS開發中使用樹形控制元件,通常需要自己擴充套件UITableView列表控制元件。現在在這裡開源一個自己寫的高擴充套件性,高複用

iOS開發UI篇--一個可擴充套件性極強的樹形控制元件

一、簡介 樹形控制元件在多列列表、多級選單中使用比較常見,比如:國家-省份-城市 多級選擇、學校-專業-班級 多級選擇等等。然而IOS自帶控制元件中並不存在樹形控制元件,我們要在IOS開發中使用樹形控制元件,通常需要自己擴充套件UITableView列表控制元件。現在在這裡開源一個自己寫的高擴充套件性,高複

[Xcode10 實際操作]四、常用控制元件-(15)MKMapView載入簡單檢視

本文將演示地圖檢視的使用方法。 在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 //首先往檢視控制器類檔案中,引入地圖框架 3 import MapKit 4 5 //新增地理地圖代理協議MKMapViewD

elementui 後臺管理系統遇到的問題(二) 樹形控制元件 el-tree

elementui中樹形控制元件的使用 一、將後臺返回的資料填充到前端控制元件中,需要注意的幾點問題 (1)、el-tree中需要繫結node-key='自定義的id名稱' (2)、在配置data中defaultProps中的屬性時,要按照與後端協商的欄位名稱對稱 (3)、重要的是要月後端協商返回欄位內容

遞迴組裝Cascader 級聯選擇器和Tree 樹形控制元件結構的資料

以商品分類表為例,重點看分類ID和父分類ID public List<Map<String,Object>> getGoodsCategoryTree() { //1.獲取所有商品分類,條件:category_id!=0(0為頂級選單的父類I

樹形控制元件CListCtrl相關

一.點陣圖載入、影象列表控制元件、樹形控制元件:     1.載入點陣圖: CBitmap bmp;   bmp.LoadBitmap(id);     2.獲取載入的點陣圖物件:  BITMAP bmpObj

Unity樹形控制元件(Tree View)的使用

1.下載外掛Tree View匯入到工程中。下載地址:https://assetstore.unity.com/packages/tools/gui/tree-view-65364。 2.新建場景,新建Canvas,將Assets\Battlehub\UIControls

VS2017 Winform使用Geckofx控制元件出現未能載入Microsoft.Build.Tasks.v15.0.dll的問題解決辦法

今天想使用Geckofx控制元件替代Winform自帶瀏覽器控制元件, 通過NUGet下載了該控制元件,但是出現報錯 未能從程式集“E:\Apply\Work\Visual Studio2017\MSBuild\15.0\Bin\Microsoft.Build.Tasks.

element樹形控制元件分步請求

1.【template】 <el-tree :data="orginOrgnData" node-key="id" ref="tree" :highlight-current="true"

ajax獲取巢狀JSON,樹形控制元件顯示

Ztree的api連結: http://www.treejs.cn/v3/demo.php#_113 上面有許許多多的例子,但是都是自己手寫的資料。在現實生活中,很多時候資料都是通過後臺獲取的,當獲取的是資料是單層的json,鍵名和例子一樣的時候可以直接使用,而且比較簡單。但是,很多時候是巢

VUE餓了麼樹形控制元件新增增刪改功能

轉自:https://segmentfault.com/a/1190000011574698#articleHeader2 element-ui樹形控制元件:地址 在原文件中有個案例是有新增和刪除功能,但是後來發現其修改的資料並不能直接影響到樹形資料,所以採用了 rende

關於winForm介面控制元件和圖片載入時出現閃屏的問題

  最近在做一個專案,winform介面在載入自定義控制元件時,圖片出現閃屏。後來在網上找了很久的資料,說的最多的是一下幾個解決方案: 1.利用winForm的一個屬性,DoubleBuffer 設定

Dev 控制元件treelist等滾動條使用

使用dev的treelist控制元件,系統預設的滾動條太細太小,當資料很多時候,拖動滾動條的時候使用者使用極其不方便。這個問題通過設定dev的窗體面板顯示即可完成。因為treelist控制元件的滾動條隨著不同窗體顯示風格變化的,可通過面板進行顯示,如下: 1、引入DevEx

java的樹形控制元件(1)

很多應用程式都使用樹形分層結構來顯示資料檢視,使用者可以展開或者收縮試圖中國單個子樹。 JTree的建構函式如下: 1)JTree()          建立一個系統預設的樹 2)JTree(Hashtable value)        利用Hashtable建立樹,不顯

C# .NET treeView(樹形控制元件)繫結資料的通用方法 (精)

DataTable dtCangKu = new DataTable(); //定義一張新表 BLL基礎資料.frm_CangKuZiLiao.frm_CangKuZiLiaoClient myfrm_CangKuZiLiaoClient = new BLL基礎資料.frm

樹形控制元件,下拉框,listbox的用法

  MFC樹控制元件的簡單入門   本文簡單介紹了有關MFC中樹形控制元件的最基本的用法,鑑於水平有限,僅希望能夠讀者通過簡單的程式設計例項,起到對樹形控制元件入門之目的。因為筆者對MFC知識點的學習也都是從例項中學習,這樣效率會相對較高,好了不說廢話了,開始… 1.   

20170315MFC04_樹形控制元件富文字框

MFC: 1:MFC是windows下程式設計的基準,是所有桌面應用程式的鼻祖。 樹形控制元件: 1:適合表示有層次的關係,就是有層次的節點。 2:原始操作:增刪改查,樹形控制元件的刪除是所有子集全部刪除,類似於資料夾的關係。 3:裡面的資料使用list來進行承載的。插入等

Qt樹形控制元件QTreeView使用1——節點的新增刪除操作 複選框的設定

通過QStandardItem和QStandardItemModel可以很簡單方便的給QTreeView新增節點,但是,許多樹形控制元件都需要樹的節點需要一個複選框(checkBox),網上許多資料都是通過自定義model來實現的,而且不能很好的實現checkbox的父子關聯(父節點選中子節點全部選中