打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
js 绑定数据源 用Repeater实现

<script type="text/javascript">
var tree = null;
var root = new TreeNode('系统菜单');
var i=1;
var k=11;
</script>
          <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <script type="text/javascript">
                    var c="fun"+i;
                    c = new TreeNode('<%# Eval("USER_NAME")%>');
                    </script>
                    <asp:Repeater ID="Repeater2" runat="server" DataSource='<%# regbiz.Get_CaiDanTwo_Biz(Convert.ToInt32(Eval("REG_ID").ToString()))%>'>
                        <ItemTemplate>
                            <script type="text/javascript">
                                var d="ok"+k;
                                d = new TreeNode('<%# Eval("USER_NAME")%>', '<%# Eval("E_MAIL")%>', 'tree_node.gif', null, 'tree_node.gif', null);
                                (c).add(d);
                               
                            </script>
                            <script type="text/javascript">
                            k++;
                            </script>
                        </ItemTemplate>
                    </asp:Repeater>
                    <script type="text/javascript">
                    root.add(c);
                    i++;
                    </script>
                </ItemTemplate>
          </asp:Repeater>
<script type="text/javascript">
          tree = new Tree(root);
tree.show('menuTree')
</script>

后台代码:

protected REGISTER_TOTAL_BIZ regbiz = new REGISTER_TOTAL_BIZ();

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Repeater1.DataSource = regbiz.Get_CaiDanOne_Biz();//绑定一级
            Repeater1.DataBind();
        }
    }

思路如上所述,次代码并非实例

js源码

<SCRIPT type=text/javascript>
var tree = null;var root = new TreeNode('系统菜单');var fun1 = new TreeNode('人事管理');var fun2 = new TreeNode('机构管理', 'BranchMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun1.add(fun2);var fun3 = new TreeNode('部门管理', 'DepartmentMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun1.add(fun3);var fun4 = new TreeNode('员工管理', 'EmployeeMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun1.add(fun4);root.add(fun1);var fun5 = new TreeNode('日程管理');var fun6 = new TreeNode('我的日程', 'MySchedule.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun5.add(fun6);var fun7 = new TreeNode('部门日程', 'DeptSchedule.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun5.add(fun7);var fun8 = new TreeNode('我的便签', 'MyNote.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun5.add(fun8);root.add(fun5);var fun9 = new TreeNode('文档管理');var fun10 = new TreeNode('文档管理', 'DocumentMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun9.add(fun10);var fun11 = new TreeNode('回收站', 'Recycler.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun9.add(fun11);var fun12 = new TreeNode('文件搜索', 'FileSearch.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun9.add(fun12);root.add(fun9);var fun13 = new TreeNode('消息传递');var fun14 = new TreeNode('消息管理', 'MessageMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun13.add(fun14);var fun15 = new TreeNode('信箱', 'MailBox.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun13.add(fun15);root.add(fun13);var fun16 = new TreeNode('系统管理');var fun17 = new TreeNode('角色管理', 'RoleMgr.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun16.add(fun17);var fun18 = new TreeNode('登录日志', 'LoginLog.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun16.add(fun18);var fun19 = new TreeNode('操作日志', 'OperationLog.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun16.add(fun19);var fun20 = new TreeNode('菜单排序', 'MenuSort.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun16.add(fun20);root.add(fun16);var fun21 = new TreeNode('考勤管理');var fun22 = new TreeNode('签到签退', 'SignInOrOut.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun21.add(fun22);var fun23 = new TreeNode('考勤查询', 'HistoryQuery.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun21.add(fun23);var fun24 = new TreeNode('考勤统计', 'TimeStatistics.aspx', 'tree_node.gif', null, 'tree_node.gif', null);fun21.add(fun24);root.add(fun21);tree = new Tree(root);tree.show('menuTree')
</SCRIPT>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ExtJs树控件制作
简化c语言编译器(符号表) - xt_syj的日志 - 网易博客
xloadtree的一个改造
树形结构完全封装
LeetCode 101: Symmetric Tree (Java)
js 动态树形控件 xtree
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服