zoukankan      html  css  js  c++  java
  • ExtJs动态生成treepanel的Json格式

    在节点中加上"checked"属性,会自动生成checkbox。

    获取选中节点

    var nodeArray = "";

    var nodesObj = mytree.getChecked();

    var i;var length=nodesObj .length;
    for (i = 0; i < length; i++) {
    nodeArray += nodesObj[i].id + ',';     //允许多选的情况。如果不允许多选,就直接nodesObj[i].id 
    }

    nodeArray = nodeArray.substring(0, nodeArray.length - 1);  

    Json格式如下:

    [
        {
            "text":"To Do",
            "cls":"folder",
            "expanded":true,
            "children":[
                {
                    "text":"Go jogging",
                    "leaf":true,
                    "checked":true
                },
                {
                    "text":"Take a nap",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Climb Everest",
                    "leaf":true,
                    "checked":false
                }
            ]
        },
        {
            "text":"Grocery List",
            "cls":"folder",
            "children":[
                {
                    "text":"Bananas",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Milk",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Cereal",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Energy foods",
                    "cls":"folder",
                    "children":[
                        {
                            "text":"Coffee",
                            "leaf":true,
                            "checked":false
                        },
                        {
                            "text":"Red Bull",
                            "leaf":true,
                            "checked":false
                        }
                    ]
                }
            ]
        },
        {
            "text":"Remodel Project",
            "cls":"folder",
            "children":[
                {
                    "text":"Finish the budget",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Call contractors",
                    "leaf":true,
                    "checked":false
                },
                {
                    "text":"Choose design",
                    "leaf":true,
                    "checked":false
                }
            ]
        }
    ]
    

      

  • 相关阅读:
    linux 网卡配置详情
    linux ftp 添加用户及权限管理
    mysql 权限管理
    linux ftp 安装及相关命令
    linux find 命令
    linux yum 安装及卸载
    linux svn 安装
    cssText方式写入css
    addLoadEvent
    mobile体验效果:增加点击后反馈
  • 原文地址:https://www.cnblogs.com/tdws/p/4656246.html
Copyright © 2011-2022 走看看