ExtJs4 treepanel + checkbox 全选

最新推荐文章于 2019-08-28 21:46:13 发布

LiSir_o

最新推荐文章于 2019-08-28 21:46:13 发布

阅读量251

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs4.0 文章标签： EXT Extjs4 treepanel 复选框全选

本文链接：https://blog.youkuaiyun.com/u014021210/article/details/83955460

Extjs4.0 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用ExtJS创建一个具有动态加载功能的树形面板，并实现节点选中状态的联动更新。通过Ajax代理设置，树形面板能从服务器获取权限数据，展示为可展开的树形结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        var mytree = new Ext.tree.TreePanel({
            id: 'ppdTree',
            x: 5,
            y: 5,
            width: 378,
            height: 470,
            useArrows: true,
            autoScroll: true,
            animate: true,
            enableDD: true,
            containerScroll: true,
            store: new Ext.data.TreeStore
                        ({
                            proxy:
                            {
                                type: 'ajax',
                                url: 'data/User/UserPopedom.aspx?parameter=ppdTree&userId=' + userId
                            },
                            root:
                            {
                                id: 0,
                                text: "选择权限",
                                leaf: false,
                                expandable: true,
                                expanded: true
                            },
                            sorters: [
                            {
                                property: 'leaf',
                                direction: 'ASC'
                            },
                            {
                                property: 'text',
                                direction: 'ASC'
                            }]
                        })
        });
        mytree.on('checkchange', function (node, checked) {
            node.expand();
            node.checked = checked;
            node.eachChild(function (child) {
                child.set('checked', checked);
                child.fireEvent('checkchange', child, checked);
            });
        }, mytree);