返回
jquery动态生成树形列表

jquery动态生成树形列表

ID：16420923

大小：57.00 KB

页数：5页

时间：2018-08-09

jquery动态生成树形列表_第1页
jquery动态生成树形列表_第2页
jquery动态生成树形列表_第3页
jquery动态生成树形列表_第4页
jquery动态生成树形列表_第5页
资源描述：

《jquery动态生成树形列表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Jquery动态生成树形列表实现思路：使用ajax方式发送请求→服务端从数据库中取出结构列表，生成xml文档，回发给客户端→客户端接收到xml数据，进行解析，生成列表，并配置列表样式。客户端代码：functionGetTreeView(odiv){//odiv为要加载树形控件的div$.ajax({async:false,type:"GET",url:"../Page_Ajax/RS_TreeView.aspx",dataType:"xml",success:function(xmldata){//新建

2、列表项varou=$("

    ").appendTo(odiv);//*//获取factory节点varf=$(xmldata).find("Factory:first");varlfactory=$("
  • ").appendTo(ou);vardfactory=$("
    ").appendTo(lfactory);varifactory=$("").appendTo(dfactory);varifactory2=$("

    3、''/>").appendTo(dfactory);varsfactory=$("").appendTo(dfactory);//设置节点属性$(sfactory).attr("id",$(f).attr("id"));$(sfactory).text($(f).attr("name"));$(dfactory).width($(sfactory).text().length*15+35);//根据数据长度计算div宽度$(sfactory).bind("click",func

    4、tion(){//绑定点击事件});varufactory=$("

      ").appendTo(lfactory);//遍历Area节点$(f).find("Area").each(function(){varlarea=$("
    • ").appendTo(ufactory);vardarea=$("
      ").appendTo(larea);variarea=$("").appendTo(darea);variarea2=$("

      5、rc=''/>").appendTo(darea);varsarea=$("").appendTo(darea);$(sarea).attr("id",$(this).attr("id"));$(sarea).text($(this).attr("name"));$(darea).width($(sarea).text().length*15+35);$(sarea).bind("click",function(){});varuarea=$("

        ").appe

        6、ndTo(larea);//遍历Team节点$(this).find("Team").each(function(){varlteam=$("

      • ").appendTo(uarea);vardteam=$("
        ").appendTo(lteam);variteam=$("").appendTo(dteam);variteam2=$("").appendTo(dteam);varsteam=$(""

        7、).appendTo(dteam);$(steam).attr("id",$(this).attr("id"));$(steam).text($(this).attr("name"));$(dteam).width($(steam).text().length*15+35);//绑定单击事件$(steam).bind("click",function(){});varuteam=$("

          ").appendTo(lteam);//遍历Well节点$(this).find("Well").e

          8、ach(function(){varlwell=$("

        • ").appendTo(uteam);vardwell=$("
          ").appendTo(lwell);variwell=$("").appendTo(dwell);varswell=$("").appendTo(dwell);$(swell).attr("id

          当前文档最多预览五页，下载文档查看全文

          此文档下载收益归作者所有

          当前文档最多预览五页，下载文档查看全文
          温馨提示：
          1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
          2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
          3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
          4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。