下载 >  开发技术 >  Web开发 > ajax技术可展开和多层折叠并带有表格的树,现把代码分享
4

ajax技术可展开和多层折叠并带有表格的树,现把代码分享

效果如http://www.aoeoo.com.cn/01.jpg
2009-06-10 上传大小:145KB
分享
收藏 举报

评论 共2条

buleleaf2009 效果图片看不到,估计太早了,都不存在了,程序加载出来试了也有问题,囧,浪费我的分了~~~~
2012-11-02
回复
nineline 囧了,直接发了一个asp.net的项目,让我们这些用eclipse的人情何以堪。。。
2012-06-04
回复
可展开收起的流程图树

支持展开收起的流程图树,支持内部子树,支持文字横排列,竖排列。 支持个性化配置,服务器端可懒加载数据也可全加载,例子为了静态代码改成了写死的数据。

立即下载
折叠树的展开和折叠折叠

树的展开和折叠,方便简单。树的展开和折叠,方便简单。

立即下载
VC++制作一个可收缩、展开功能的对话框

VC++制作一个可收缩、展开功能的对话框,动态改变大小,用鼠标点击收缩则窗体会变小,再此点击则恢复原状,个人觉得很实用的程序。

立即下载
textview的展开和折叠

textview的展开和折叠

立即下载
javascript 实现table展开折叠

javascript 实现table展开折叠,table的th部分不变,下端的tr折叠

立即下载
ctree树的展开和折叠

树的展开和折叠,简单方便。ctree有强大的功能,弄清楚它可以有利于开发。

立即下载
Jquery-easyui-tree常见操作

Jquery-easyui-tree常见操作,加载树,获取所有选中节点,展开和折叠所有节点,展开和展开指定的节点等操作

立即下载
DataTables(二) —— 行分组信息展开与折叠的功能实现

DataTables行分组的展开与折叠功能的实现

立即下载
JS树形表格(可分级展开)

otreetable.js 原生JS树形表格,调用非常简单(只需一句代码即可调用),获取HTML中输出的表格数据重构表格,以树形方式显示,可展开/收缩,不破坏表格原有数据格式及内容,支持无限级,兼容所有浏览器。当前版本支持分级展开、收缩。

立即下载
TreeTable,用于展开/折叠table的行

TreeTable,用于展开/折叠table的行:比如,类别展示

立即下载
CSS+JS实现一个DIV层的展开折叠效果

CSS+JS实现一个DIV层的展开折叠效果,自己总结出来的,两天才解决的问题,分享出来,大家项目学习,交流。欢迎评论、指导

立即下载
ExtenTree无限级树源码

ExtenTree无限级树 新增加了有无 chekcbox , 新增了初始化时全部展开和全部折叠功能

立即下载
DIV折叠展开DIV折叠展开

DIV折叠展开DIV折叠展开DIV折叠展开DIV折叠展开DIV折叠展开DIV折叠展开

立即下载
jquery表格展开合并

使用js和jquery实现表格的展开和合并

立即下载
四步相移求解折叠相位

基于MATLAB的求解环境,利用传统的四步相位求解折叠相位,然后利用简单的哦空间相位展开,求解展开相位。

立即下载
C#左边菜单展开与收缩(类似Outlook)

C# WinForm 左边菜单(类似OutLook) 展开与收缩的源码.

立即下载
winform保持TreeView节点展开和折叠的状态

winform保持TreeView节点展开和折叠的状态 只需调用两个方法即可非常方面

立即下载
treeGrid、树形表格

treegrid插件 <input type="button" value="关闭所有节点" onclick="expandAll('N')"> <input type="button" value="展开所有节点" onclick="expandAll('Y')"> <input type="button" value="取得当前行的数据" onclick="selectedItem()"><br> 当前选中的行:<input type="text" id="currentRow" size="110"> <div id="div1"></div> <script language="javascript"> var config = { id: "tg1", width: "800", renderTo: "div1", headerAlign: "left", headerHeight: "30", dataAlign: "left", indentation: "20", folderOpenIcon: "images/folderOpen.gif", folderCloseIcon: "images/folderClose.gif", defaultLeafIcon: "images/defaultLeaf.gif", hoverRowBackground: "false", folderColumnIndex: "1", itemClick: "itemClickEvent", columns:[ {headerText: "", headerAlign: "center", dataAlign: "center", width: "20", handler: "customCheckBox"}, {headerText: "名称", dataField: "name", headerAlign: "center", handler: "customOrgName"}, {headerText: "拼音码", dataField: "code", headerAlign: "center", dataAlign: "center", width: "100"}, {headerText: "负责人", dataField: "assignee", headerAlign: "center", dataAlign: "center", width: "100"}, {headerText: "查看", headerAlign: "center", dataAlign: "center", width: "50", handler: "customLook"} ], data:[ {name: "城区分公司", code: "CQ", assignee: "", children:[ {name: "城区卡品分销中心"}, {name: "先锋服务厅", children:[ {name: "chlid1"}, {name: "chlid2"}, {name: "chlid3", children: [ {name: "chlid3-1"}, {name: "chlid3-2"}, {name: "chlid3-3"}, {name: "chlid3-4"} ]} ]}, {name: "半环服务厅"} ]}, {name: "清新分公司", code: "QX", assignee: "", children:[]}, {name: "英德分公司", code: "YD", assignee: "", children:[]}, {name: "佛冈分公司", code: "FG", assignee: "", children:[]} ] }; /* 单击数据行后触发该事件 id:行的id index:行的索引。 data:json格式的行数据对象。 */ function itemClickEvent(id, index, data){ window.location.href="ads"; } /* 通过指定的方法来自定义栏数据 */ function customCheckBox(row, col){ return "<input type='checkbox'>"; } function customOrgName(row, col){ var name = row[col.dataField] || ""; return name; } function customLook(row, col){ return "<a href='' style='color:blue;'>查看</a>"; } //创建一个组件对象 var treeGrid = new TreeGrid(config); treeGrid.show(); /* 展开、关闭所有节点。 isOpen=Y表示展开,isOpen=N表示关闭 */ function expandAll(isOpen){ treeGrid.expandAll(isOpen); } /* 取得当前选中的行,方法返回TreeGridItem对象 */ function selectedItem(){ var treeGridItem = treeGrid.getSelectedItem(); if(treeGridItem!=null){ //获取数据行属性值 //alert(treeGridItem.id + ", " + treeGridItem.index + ", " + treeGridItem.data.name); //获取父数据行 var parent = treeGridItem.getParent(); if(parent!=null){ //jQuery("#currentRow").val(parent.data.name); } //获取子数据行集 var children = treeGridItem.getChildren(); if(children!=null && children.length>0){ jQuery("#currentRow").val(children[0].data.name); } } } </script>

立即下载
extentree(ASP.NET TREE控件)

asp.net树控件的操作例子. 界面比以前好看了点哈! 新增加了有无 chekcbox , 新增了初始化时全部展开和全部折叠功能

立即下载
LayUI含表格的TreeTable

若有网友,公司项目采用了layui框架做系统,涉及到 某些功能需要用到树形目录时(系统菜单多层级,折叠效果时),这个完美解决

立即下载
关闭
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

ajax技术可展开和多层折叠并带有表格的树,现把代码分享

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: