createTreeView

從HBuilderX 2.7.12及以上版本開始支持

介紹

創建指定viewId的視圖，在窗體左側區域創建一個和項目管理器同級的tab項。tab的內容區爲一個樹控件，可自行裝載節點。

viewId需要在package.json文件內的配置擴展點views中聲明，完整的擴展視圖流程參考如何註冊一個新的視圖？

參數說明:

返回值：無

示例：

    class DemoTreeDataProvider extends hx.TreeDataProvider{
        constructor(demoData) {
            super();
            this._demoData = demoData;
        }
        getChildren(element) {
            let demoData = this._demoData;
            return new Promise(resolve => {
                if (!element) {
                    resolve(demoData);
                } else {
                    resolve(element.children);
                }
            });
        }
        getTreeItem(element) {
            return {
                label:element.name,
                collapsibleState:element.children ? 1 : 0,
                command:{
                    command:element.children ? "":"extension.helloWorld",
                    arguments:[
                        element.name
                    ]
                }
            }
        }
    }
    let demoData = [
        {
            name:"Root1",
            children:[
                {
                    name:"child1"
                },
                {
                    name:"child2"
                }
            ]
        },
        {
            name:"Root2",
            children:[
                {
                    name:"child3",
                },
                {
                    name:"child4"
                }
            ]
        }
    ]
    hx.commands.registerCommand("extension.helloWorld",function(param){
        hx.window.showInformationMessage("選中了TreeItem:" + param[0]);
    });
    hx.window.createTreeView("extensions.treedemo",{
        showCollapseAll:true,
        treeDataProvider:new DemoTreeDataProvider(demoData);
    });

TreeViewOptions

創建TreeView需要的配置項

屬性列表

TreeDataProvider

TreeView樹控件獲取數據的接口，不可直接實例化該對象，需要自己寫一個子類實現該接口，每個自定義的treeDataProvider都需要實現該接口下列出的方法

getChildren

獲取某個節點的下的子節點，如果參數爲空，則表示要獲取根節點

參數說明

返回值

getTreeItem

獲取用於顯示自定義數據element(通過getChildren獲取的對象)的TreeItem對象

參數說明

返回值

onDidChangeTreeData

該接口用於通知HBuilderX數據變化，需要刷新視圖，目前僅支持刷新整個視圖。該屬性需要開發者在構造TreeDataProvider時創建。

示例:

    var hx = require("hbuilderx");
    class MyTreeViewProvider extends hx.TreeDataProvider {
        constructor() {
            super();
            this.dataChangeEmitter = new hx.EventEmitter();
            this.onDidChangeTreeData = this.dataChangeEmitter.event;
        }
        ... // other function
    }
    // 數據變化主動通知
    provider.dataChangeEmitter.fire();

TreeItem

保存有節點的顯示信息

屬性列表

CommandInfo

配置一個命令需要的信息對象

屬性列表