异步请求树型组件API

异步请求树型组件 API

示例参考：  http://git.yonyou.com/nc-pub/ncpub-multipage-demo
src/public/module/treeDemo
树——数据结构参考
注：
    根节点没有pid,子节点都要有pid;
    必须添加isleaf, pid, refcode, refname, refpk字段，字段值参考下方示例注释
 treeData = {
                "data": {
                    "page": {"pageIndex": "0", "pageSize": "10", "total": "0", "totalPage": "3"},
                    "rows": [
                        {
                            "isleaf": false, // 有子节点为false, 没有子节点为true
                            // "pid": "1001A110000000001UPS", //父节点pk
                            "refcode": "040001", //编码
                            "refname": "中国建设银行上海支行", //名称
                            "refpk": "1001A110000000001UPa", //pk
                            "values": {}, //自定义属性
                        },
                        {
                            "isleaf": false,
                            // "pid": "1001A110000000001UPS",
                            "refcode": "040001",
                            "refname": "中国建设银行天安支行",
                            "refpk": "1001A110000000001Uvv",
                            "values": {}
                        },
                    ]
                }, "error": null, "success": true
            };
    this.props.asyncTree.setTreeData('tree1', treeData.data.rows)        
  // 树节点 点击事件
    selectTree = (pk) => {
        console.log(pk)
    };
  // 树展开子节点事件，ajax请求子节点数据
    loadTreeData = (pk,treeNode) => {
        this.queryTreeData(pk,treeNode)
    };
    // 请求树 根节点—数据
    queryTreeData = (pk, treeNode) => {
        let that = this;
        let data = {
            "pid":pk,
            "keyword":"",
            "pageInfo":{
                "pageIndex":0,
                "pageSize":10,
                "total":0,
                "totalPage":0
            },
            "queryCondition":{}
        };
        ajax({
            loading: true,
            url: '/ncdemo-web/bd/basedoc/regiontree.do',
            data: data,
            success: function (res) {
                if(res.success){
                    props.asyncTree.setTreeData('tree1', res.data.rows, treeNode)//设置树组件数据
                }else {
                    alert(res.message)
                }
            },
            error: function (res) {
                alert(res.message)
            }
        });
    };
    editNodeCallBack(item,formData) {
        let data = {
            isleaf: true,
            pid: item.pid,
            refcode: '040001',
            refname: '中国建设银行上海北京路支行888',
            refpk: item.refpk,
            values: {}
        };
        this.props.asyncTree.editTreeData('tree1', data);
    }
    addNodeCallBack(item, formData) {
    }
    delNodeCallBack(item) {
    }
    render(){
        const {table, button, search, form, editTable, asyncTree, modal } = this.props;
        const { createAsyncTree } = asyncTree;
        return(
            <div>
              {createAsyncTree({
                    treeId: 'tree1',
                    metaId: 'treeForm',
                    onSelectEve: this.selectTree.bind(this), //节点选中事件
                    loadTreeData: this.loadTreeData.bind(this), //加载子节点数据
                    editType: true, //是否需要编辑功能
                    onMouseEnterEve: this.onMouseEnterEve.bind(this), //鼠标滑过节点事件
                    // onSelectedChange:this.onSelectedChange.bind(this),   // 节点选中改变事件
                    editNodeCallBack: this.editNodeCallBack.bind(this), //编辑 回调
                    addNodeCallBack: this.addNodeCallBack.bind(this), //新增回调
                    delNodeCallBack: this.delNodeCallBack.bind(this) // 删除回调
                })}
            </div>
        )
    }