MyTree树控件_Ajax实现异步加载节点

最新推荐文章于 2024-08-02 13:55:36 发布
最新推荐文章于 2024-08-02 13:55:36 发布
阅读量1.8k 收藏
点赞数
文章标签： ajax html javascript dataset string function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/am20100204/article/details/5612379
版权

最近一直在寻找一个比较方便好用的树控件，MyTree树控件并没有提供很多其他的功能，但在Ajax异步加载节点上实现的很简洁，留作备忘。

MyTree的下载地址：http://www.itplus.com.cn/myTree/

 

下载后  Demo：Ajax异步加载例子

        Document：文档

        myTree：放项目里要引用的文件

 

MytreeTest.aspx页

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MytreeTest.aspx.cs" Inherits="VistaToNewSchol.MytreeTest" %>

 

<!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 runat="server">

    <title></title>

    <script language="javascript" src="../myTree/myTree.js"></script>

     <script language="javascript" src="../myTree/bingo.js"></script>

     <script language="javascript">

     var tree;

     window.onload = function(){

     tree = new myTree("myFirstTree", "divTree", "../myTree/", "Blue");

         tree.dataFrom = "MyTreeGetNode.aspx"

         tree.load();

     }

 

     function myFirstTree_onClick(prmNodeId){

         tree.load(prmNodeId);

         tree.expandNode(prmNodeId);

     }

     </script>

    

</head>

<body>

    <form id="form1" runat="server">

    <div id="divTree"></div>

 

 

<div id="divStr"></div>

    </form>

</body>

</html>

 

 

 

 

MyTreeGetNode.aspx.cs页

 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

using System.Data;

using System.Data.SqlClient;

using System.Text;

 

namespace VistaToNewSchol

{

    public partial class MyTreeGetNode : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                int intId =-1;

                if (Request.QueryString["parentId"] != null)  //此处用parentId才能取的到值，应该是前台js为parentId赋的值，直接取出来就可以用了。

                {

                    intId = Convert.ToInt32(Request.QueryString["parentId"].ToString());

                }

               

               

                string html = getNode(intId);

                Response.Write(html);

 

                Response.End();

            }

        }

 

 

        //得到节点

        public string getNode(int parentID)

        {

            string html = "";

            StringBuilder strSql = new StringBuilder();

            strSql.Append("select * ,(select count(metaId) from metadata where parentId=DB.metaId) AS SUBCOUNT ");

            strSql.Append(" from dbo.metadata AS DB ");

            strSql.Append(" where parentid=" + parentID + " ");

            DataSet ds = VistaToNewSchol.DAL.DbHelperSQL.Query(strSql.ToString());

 

            html += "[";

            if (ds.Tables[0].Rows.Count > 0)

            {

                int count = 0;

                foreach (DataRow row in ds.Tables[0].Rows)

                {

                    if (count == 0)

                    {

 

                    }

                    else

                    {

                        html += ",";

                    }

 

 

 

                    html += "{";

 

                    html += "nodeId:'" + row["metaId"].ToString() + "',";

                    html += "caption:'" + row["metaName"].ToString() + "' ,";

                    html += "attach:{";

                    html += "subCount: '" + row["SUBCOUNT"].ToString() + "',";//子节点个数

                    html += "url:'#n' ";

                    html += "}";

                 

                    html += "}";

 

                    count++;

                }

            }

 

            html += "]";

            return html;

 

 

        }

 

 

 

    }

}

am20100204
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Mytree
05-24
这是vc中的树的操作,是书上的程序
AJAX式多数据源及节点异步加载树_meetrice
weixin_34132768的博客
05-28 74
预览：demo.html: &lt;script type="text/javascript" src="js/Ext.ux.MyTreeLoader/MyTreeLoader.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="treeloader.js"&gt;&lt;/script&gt;
Javascript(Ajax)异步加载树型结构的一个样例
weixin_30685047的博客
10-14 98
Javascript(Ajax)异步加载树型结构的一个样例 如下代码是添加一个虚拟节点以便让树的每一个节点显示为有子节点的形式， 该树的节点是由Microsoft.Web.UI.WebControls.TreeNode扩展而来如下是扩展代码: /// <summary> /// Function:Extend ...
myTree
weixin_34236869的博客
01-09 165
//myTree.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using System.Da...
javascript TreeView导航菜单MyTree
LifeChina555的专栏
03-10 537
因项目需要，自已写了一个Treeview插件，现发出现来已大家分享一下。 该菜单支持以下功能：展开所有节点收缩所有节点节点选择动态添加子节点到当前选择节点动态添加子节点到指定id节点添加含（不含）图标节点自定节点单击事件动态删除当前选择节点动态删除指定Id节点兼容IE6、IE7、FF3.x 该Treeview使用了jQuery 1.3.2
jquery中EasyUI实现异步树
10-24
2. 后端创建对应的API接口，接收并处理请求，返回JSON格式的树节点数据。 3. 服务层和DAO层处理业务逻辑，查询数据库获取数据。 4. 数据返回前端后，EasyUI自动解析并渲染成树形结构。 通过这种方式，我们可以构建...
MyTree_AJAX无刷新多级树菜单
10-27
【标题】"MyTree_AJAX无刷新多级树菜单"是基于ASP、MDB数据库和JavaScript技术实现的一个高效、交互性强的网页组件。这个组件能够让用户在不刷新整个页面的情况下，展示并操作多级树状菜单，提高了用户体验，减少了...
MyTree.rar_控制台编程_Visual_C++_
08-11
在实际的`MyTree`项目中，文件可能包含了对这个过程的详细实现，包括节点创建、插入、删除等功能，以及可能的优化，比如使用字符串流（stringstream）进行更复杂的格式化输出。 总结来说，"MyTree.rar"项目展示了...
ztree加载完成后显示勾选节点的实现代码
10-17
此外，zTree 采用 JSON 数据格式，支持静态和动态（Ajax）加载节点，还允许自定义皮肤和图标，以及提供丰富的事件回调机制。 对于树形节点的勾选功能，zTree 提供了灵活的 checkbox 或 radio 选择模式，用户可以...
mytree(待补充)
qq_44850725的博客
06-13 357
#include <cstdio> #include <cstdlib> #include <malloc.h> #include <iostream> #include <stack> #include <queue> #include <LinkList.h> using namespace std; #define elemType int #define MAX_NODE 10 typedef struct nod
mytree.rar
03-24
做树形菜单连接数据库左右分栏的
layui-tree实现Ajax异步请求后动态添加节点的方法
10-16
今天小编就为大家分享一篇layui-tree实现Ajax异步请求后动态添加节点的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
myTree（源文件、文档及Demo）
01-08
刚刚整理完成，现提供下载。 <br><br>先介绍一下myTree的特点： <br><br>1、客户端调用，与服务器无关。 <br>2、调用简单，使用方便，符合使用习惯。 <br>3、支持AJAX动态加载。 <br>4、兼容IE、FireFox等主流浏览器。 <br>5、内置两种样式，可即时切换，可自行扩展。 <br>6、支持同一页显示多个树，支持不同目录位置的调用。 <br><br>我已经在几个项目中开始使用myTree来实现需要用树型来表示的功能，感觉还方便，虽然没有太多的功能，但很实用。 <br>花两天时间写了个自认为很全面的API文档和几个DEMO一起提供下载，希望能对有类似需求的朋友有些帮助。 <br><br>本人自认非JS高手，勉强算个熟练的入门者，因此程序中难免存有不当之处，还请大家指正。<br><br>官网地址：http://www.itplus.com.cn/myTree<br>文档地址：http://www.itplus.com.cn/myTree/document
api 微信小程序组件库colorui_微信小程序树形组件
weixin_39914107的博客
12-15 510
业务需求不复杂，就是 —— 做一个和电脑文件夹类似的组件。很明显，这要的就是树形组件，但这颗树是个还没定型的树，也就是树的层级数量和每个层级的节点数量是可以随时变化的。这就说明，我们很难用for循环去实现将这棵树的每个节点展示出来。像这种一层下面套着一层的组件，一般需要考虑到用递归去实现。由于我的小程序用的是colorUI的样式框架，且该框架没有提供树形组件，那就只好在这个基础上自己去写...
使用jstree从后台获取数据在前台进行树状菜单展示（树状菜单 JsTree）
大漠孤烟
03-29 7343
1.css和js下载地址：https://www.jstree.com2.把这几个文件拷贝到项目中3.页面引用，把css和js引到页面中然后写个标签，用来存放你的树状菜单：&lt;div id="myJstree"&gt;&lt;/div&gt;4.开始写个js，从后台获取数据，然后进行展示；tzs = {}; tzs.index = { //初始化页面 init: functio...
jstree中文github文档
热门推荐
GY기안시
04-11 7万+
jstree是一个基于JQUERY的树形控件
js Tree 简单使用例子
sx1025的博客
08-14 3349
jsTree弹出树
Python 机器学习实战myTree.keys()[0]
王新波
11-21 3153
在《机器学习实战》第三章--决策树中，计算树的x，y轴宽度的时候用到myTree.keys()[0]，这是在python 2.7中的语法，在python 3.6中并不适用。 会报错 File "D:\python代码\tree\treePlotter.py", line 20, in getNumLeafs     firstStr = myTree.keys()[0] TypeErr
fieldIndex on a Row without schema is undefined
最新发布
SunnyRivers
08-02 87
这种情况可能是因为第一次 flatMap 操作改变了原始 Dataset 的结构或类型，导致后续的操作失去了原有的 schema 信息。为了解决这个问题，你需要确保在 flatMap 中处理的数据仍然保持有 schema 信息。有些bug网络上可能没有对应的解决方式，不同是spark版本可能遇到不同的问题，我们可以根据给出的异常提示进行不同的尝试。明显能打印出schema信息，下面去尝试解决这个问题。我们直译一下大概就是你用row.getAs(“字段名”)的时候代码根本不清楚你这个row里面有哪些字段。
遍历历史状态，如果该状态没有出现过，则返回False,否则返回状态索引 def find_history_tree(mytree,state_child):
05-24
可以参考以下代码实现： ```python def find_history_tree(mytree, state_child): """ 在历史状态中查找是否已经存在该状态，若存在返回True和状态索引，否则返回False和None :param mytree: 历史状态树 :param state_child: 待查找的状态 :return: 查找结果，(bool, index) """ if mytree is None: return False, None for i, node in enumerate(mytree.children): if node.state == state_child: return True, i return False, None ``` 其中，`mytree`表示历史状态树，`state_child`表示待查找的状态。函数遍历历史状态树的所有子节点，如果发现某个子节点的状态与待查找状态相同，则返回True和该子节点的索引；否则返回False和None。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值