Ext.Net中AsyncTreeNode动态加载

最新推荐文章于 2020-12-21 06:56:31 发布

h82258652

最新推荐文章于 2020-12-21 06:56:31 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： Ext.Net

本文链接：https://blog.youkuaiyun.com/h82258652/article/details/18563991

本文介绍如何使用ExtJS框架实现树形面板(TreePanel)的异步加载功能。通过配置监听器，在需要加载子节点时发送AJAX请求获取数据，并展示了如何在服务器端构建返回的节点集合。

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

<%--前台页面--%>
<ext:TreePanel runat="server">
    <Root>
        <ext:AsyncTreeNode Text="root">
        </ext:AsyncTreeNode>
    </Root>
    <Listeners>
        <BeforeLoad Handler="
            Ext.Ajax.request({
                url:'...',
                method:'post',
                success:function(response){
                    var nodes = Ext.decode(response.responseText);
                    node.loadNodes(nodes);// node指代该BeforeLoad事件的节点
                },
                failure:function(){
                }
            });
        "/>
    </Listeners>
</ext:TreePanel>

// 后台页面
Ext.Net.TreeNodeCollection tnc = new Ext.Net.TreeNodeCollection();
tnc.Add(new Ext.Net.TreeNode(){
    Text = "最终节点",
    Leaf = true// Left设为True则该节点无法展开
});
tnc.Add(new Ext.Net.TreeNode(){
    Text = "普通节点",
    Leaf = false
});
return Content(tnc.ToJson());