treegrid 异步加载

Love The Way You Lie 2022-08-27 15:47 190阅读 0赞

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Web.WebForm1" %>
    <span style="line-height: 1.5;"><%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %></span>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <script type="text/javascript">
            var nodeLoad = function (store, operation, options) {
                var node = operation.node;
                App.direct.NodeLoad(node.getId(), {
                    success: function (result) {
                        if (result != null) {
                            node.set('loading', false);
                            node.set('loaded', true);
                            var data = Ext.decode(result);
                            node.appendChild(data, undefined, true);
                            node.expand();
                        }
                        else {
                            node.Leaf = true;
                        }
                    },
    
                    failure: function (errorMsg) {
    
                        //  Ext.Msg.alert('Failure', errorMsg);
                    }
                });
    
                return false;
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
            <Items>
                <ext:TreePanel ID="Panel" runat="server" Region="Center" RootVisible="false"
                    FolderSort="true" AutoScroll="true" Animate="true" Icon="ChartOrganisation">
                    <Fields>
                        <ext:ModelField Name="ID" />
                        <ext:ModelField Name="CODE" />
                        <ext:ModelField Name="TEXT" />
                    </Fields>
                    <ColumnModel>
                        <Columns>
                            <ext:TreeColumn ID="TreeColumn2" runat="server" Text="名称" Width="220" Sortable="true"
                                DataIndex="TEXT" />
                            <ext:Column ID="Column2" runat="server" Text="编码" Width="120" Sortable="true" DataIndex="CODE" />
                        </Columns>
                    </ColumnModel>
                    <Listeners>
                        <BeforeLoad Fn="nodeLoad" />
                    </Listeners>
                </ext:TreePanel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>

protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack && !X.IsAjaxRequest)
                {
                    this.BuildTree(PanelRoot);
                }
            }
    
            private Ext.Net.NodeCollection BuildTree(Ext.Net.NodeCollection nodes)
            {
                if (nodes == null)
                {
                    nodes = new Ext.Net.NodeCollection();
                }
    
                DataTable dt = ac.Tree(); 得到一个DataTable
    
                Ext.Net.Node root2 = new Ext.Net.Node()
                {
                    Text = "Root",
                    NodeID = "1"
                };
                nodes.Add(root2);
                Bind_Tvx(dt, root2);
                dt.Dispose();
                return nodes;
            }
    
    
            private void Bind_Tvx(DataTable dt, Ext.Net.Node pNode)
            {
                NodeCollection nodes = new Ext.Net.NodeCollection();
                System.Data.DataView dv = new System.Data.DataView(dt);//将DataTable存到DataView中，以便于筛选数据    
                Ext.Net.Node tn;//建立TreeView的节点（TreeNode），以便将取出的数据添加到节点中     
                string filter = string.Format("parentid='{0}'", pNode.NodeID);
                dv.RowFilter = filter;//利用DataView将数据进行筛选，选出相同 父id值 的数据
                foreach (DataRowView drv in dv)
                {
                    tn = new Ext.Net.Node();//建立一个新节点（学名叫：一个实例）  
                    tn.NodeID = drv["ID"].ToString();//节点的Value值，一般为数据库的id值   
                    tn.Text = drv["NOTETEXT"].ToString();//节点的Text，节点的文本显示 
                    tn.CustomAttributes.Add(new ConfigItem("CODE", drv["CODE"].ToString(), ParameterMode.Value));
                    tn.CustomAttributes.Add(new ConfigItem("TEXT", drv["TEXT"].ToString(), ParameterMode.Value));
                    CheckLeaf(dt,tn);
                    pNode.Children.Add(tn);//将该节点加入到TreeNodeCollection（节点集合）中
                }
            }
    
            private static void CheckLeaf(DataTable dt,Ext.Net.Node tn)
            {
                System.Data.DataView dv = new System.Data.DataView(dt);//将DataTable存到DataView中，以便于筛选数据     
                string filter = string.Format("parentid='{0}'", tn.NodeID);
                dv.RowFilter = filter;//利用DataView将数据进行筛选，选出相同 父id值 的数据
                if (dv.Count>0)
                {
                    tn.Leaf = false;
                }
                else
                {
                   tn.Leaf = true;
                }
            }
    
            [DirectMethod]
            public static string NodeLoad(string nodeID)
            {
    <span style="line-height: 1.5;">DataTable dt = ac.Tree();  得到一个DataTable</span>
                NodeCollection nodes=  Bind_Tvx(dt, nodeID);
                dt.Dispose();
                return nodes.ToJson();
            }
    
            private static NodeCollection Bind_Tvx(DataTable dt, string nodeID)
            {
                NodeCollection nodes = new Ext.Net.NodeCollection();
                System.Data.DataView dv = new System.Data.DataView(dt);//将DataTable存到DataView中，以便于筛选数据    
                Ext.Net.Node tn;//建立TreeView的节点（TreeNode），以便将取出的数据添加到节点中     
                string filter = string.Format("parentid='{0}'", nodeID);
                dv.RowFilter = filter;//利用DataView将数据进行筛选，选出相同 父id值 的数据
                foreach (DataRowView drv in dv)
                {
                    tn = new Ext.Net.Node();//建立一个新节点（学名叫：一个实例）  
                    tn.NodeID = drv["ID"].ToString();//节点的Value值，一般为数据库的id值   
                    tn.Text = drv["TEXT"].ToString();//节点的Text，节点的文本显示 
                    tn.CustomAttributes.Add(new ConfigItem("TITLE", drv["TEXT"].ToString(), ParameterMode.Value));
                    tn.CustomAttributes.Add(new ConfigItem("CODE", drv["CODE"].ToString(), ParameterMode.Value));
                    CheckLeaf(dt, tn);
                    nodes.Add(tn);//将该节点加入到TreeNodeCollection（节点集合）中
                }
                return nodes;
            }
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关记录 EasyUI treegrid 表格加载慢问题

发现问题一个查询，数据不是很多，结构比较复杂，但是页面加载要 20s 左右打印时间发现查询和处理数据耗时很短这个操作 $(’\list’).treegrid(

╰+攻爆jí腚メ/ 2022年10月25日 14:22/ 0 赞/ 271 阅读

相关 treegrid 异步加载

<%@ Page Language="C" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits=

Love The Way You Lie/ 2022年08月27日 15:47/ 0 赞/ 191 阅读

相关异步加载和延迟加载

1.异步加载的方案：动态插入script标签 2.通过ajax去获取js代码，然后通过eval执行 3.script标签上添加defer或者async

淩亂°似流年/ 2022年07月15日 09:40/ 0 赞/ 421 阅读

相关同步加载与异步加载

这几天一直在忙项目上线的问题，碰到了好多问题,比如异步加载、事件冒泡、浏览器缓存。这篇文章主要是文件的同步加载和异步加载。先说下我碰到的问题：项目要接入到支付宝城市服务中，

系统管理员/ 2022年07月14日 12:14/ 0 赞/ 269 阅读

相关 JS异步加载

js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载，用到再加载，

Myth丶恋晨/ 2022年06月17日 07:49/ 0 赞/ 373 阅读

相关【easyui】treeGrid实现分页以及异步加载子节点

前提纪要项目中有这样一个需求，在合同列表中，每一个合同下面会有很多子合同，需要按照树形结构进行显示。同时，对于父合同需要进行分页显示。框架使用 easyUI

末蓝、/ 2022年06月13日 06:21/ 0 赞/ 783 阅读

相关 jqgrid treegrid 重新加载数据

jqgrid treegrid 重新加载数据，难道是搜索关键字有问题？国内的网站没有找到答案，官网API 也是一顿好找也没找到。最后去stackoverflow 去找到答案

谁借莪１个温暖的怀抱￠/ 2022年06月12日 00:59/ 0 赞/ 334 阅读

相关 JavaScript异步加载

javascript 异步加载的三种方案 1. defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用。 2. async 异步加载，加载完就执行，as

迈不过友情╰/ 2022年05月19日 02:48/ 0 赞/ 269 阅读

相关 jqgrid——treegrid动态异步加载数据

jqgrid的treegrid插件，有两种数据结构：第一种：可以实现动态加载数据 1. \{ 2. "total":11, 3. "page

悠悠/ 2021年06月24日 13:59/ 0 赞/ 518 阅读

相关 easyui treegrid分页使用~ 数据加载

easyui treegrid分页使用~ 数据加载

测试账号/ 2021年01月19日 17:23/ 0 赞/ 650 阅读