动态加载treeview

动态加载treeview

[@more@] protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
DataSet ds = condata.SelectData("U001");
//调用递归函数,完成树形结构的生成
AddTree(0, (TreeNode)null, ds);
}
}
public void AddTree(int ParentID, TreeNode pNode, DataSet ds)
{
DataView dvTree = new DataView(ds.Tables[0]);
//过滤ParentID,得到当前的所有子节点
dvTree.RowFilter = "[menuePid] = " + ParentID;
foreach (DataRowView Row in dvTree)
{
if (pNode == null)
{ //添加根节点
TreeNode Node = new TreeNode();
Node.Text = Row["menueName"].ToString();//设置节点的文本
Node.NavigateUrl = Row["menueUrl"].ToString();//设置节点的url
Node.ImageUrl = "../image/" + Row["menueIsPic"].ToString();//设置节点旁边的图像
TreeView1.Nodes.Add(Node);
AddTree(Int32.Parse(Row["menueId"].ToString()), Node, ds); //再次递归
}
else
{ //添加当前节点的子节点
TreeNode Node = new TreeNode();
Node.Text = Row["menueName"].ToString();//设置节点的文本
Node.NavigateUrl = Row["menueUrl"].ToString();//设置节点的url
Node.ImageUrl = "../image/" + Row["menueIsPic"].ToString();//设置节点旁边的图像
pNode.ChildNodes.Add(Node);
AddTree(Int32.Parse(Row["menueId"].ToString()), Node, ds); //再次递归
}
}
}

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/7436820/viewspace-926421/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/7436820/viewspace-926421/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue Treeview是一个基于Vue.js的树形控件,它可以用于显示层次结构数据。动态加载是指在需要时才加载数据,而不是一次性加载所有数据。Vue Treeview可以通过异步加载来实现动态加载。 实现动态加载的步骤如下: 1. 在Vue组件中定义一个方法,用于异步加载数据。 2. 在Vue Treeview组件中设置load-children属性为true,表示启用异步加载。 3. 在Vue Treeview组件中设置load-children属性的值为异步加载数据的方法名。 下面是一个示例代码,演示如何使用Vue Treeview实现动态加载: ``` <template> <div> <vue-treeview :nodes="nodes" :load-children="true" :load-children-method="loadChildren"></vue-treeview> </div> </template> <script> import VueTreeview from 'vue-treeview'; export default { components: { VueTreeview, }, data() { return { nodes: [ { id: 1, label: 'Node 1', children: [], }, { id: 2, label: 'Node 2', children: [], }, ], }; }, methods: { loadChildren(node, done) { // 异步加载数据 setTimeout(() => { node.children = [ { id: 3, label: 'Node 3', children: [], }, { id: 4, label: 'Node 4', children: [], }, ]; done(); }, 1000); }, }, }; </script> ``` 在上面的代码中,loadChildren方法用于异步加载数据。当Vue Treeview需要加载子节点时,它会调用loadChildren方法,并传入当前节点和一个回调函数done。loadChildren方法可以通过异步请求获取子节点数据,并将子节点数据设置到当前节点的children属性中。当数据加载完成后,调用done函数通知Vue Treeview数据已经加载完成。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值