下载 >  开发技术 >  Javascript > GridView+Jquery实现的TreeGrid
3

GridView+Jquery实现的TreeGrid

GridView+Jquery实现的TreeGrid GridView和jquery 实现的无刷新TreeGrid 演示数据采用系统自动生成,功能非常简单
2009-06-11 上传大小:24KB
分享
收藏 举报

评论 共5条

ycchzn 还行,就是太复杂了点
2014-02-26
回复
tangjj7260 基本上,现在做gridtree不用这种方式,原因是可以很简单就实现!
2014-02-06
回复
martin_kai 有点复杂繁琐
2012-09-27
回复
TreeGrid 在Asp.net中实现的实例

TreeGrid 在Asp.net中实现的实例 TreeGrid ASP.net Javascript

立即下载
TreeGridJS

TreeGrid的使用,TreeGrid的使用TreeGrid的使用TreeGrid的使用TreeGrid的使用TreeGrid的使用TreeGrid的使用TreeGrid的使用

立即下载
TreeGrid,实现Tree的Grid列表

TreeGrid,实现Tree的Grid列表

立即下载
JAVA实现EASYUI树形表格(TreeGrid)代码

JAVA实现EASYUI树形表格(TreeGrid)代码,gradle项目,内含gradle文件夹和mysql数据库文件,解压后导入mysql数据库,文件夹导入eclipse即可使用。首次使用请更新gradle项目下载JAR包,不然报错。

立即下载
WPF控件TreeGrid/类似TreeListView

通过继承WPF控件Datagrid,设计具有展开折叠功能的TreeListView,相对于网上较为流行的使用GridView和TreeView组合实现的TreeListView,本控件纯粹使用Datagrid扩展,并具备编辑功能,完全支持MVVM操作,有点类似Devexpress的相应控件,既可以简单的绑定到Datatable,因此保存数据相当方便,并通过Key和ParentKey在内部实现分级,外部只是简单的获取数据值即可,本控件屏蔽了添加和删除功能,一般只需要修改而已,当然由于Datagrid的强大编辑性,扩展这些功能很容易。

立即下载
EasyUI实现两个treegrid互相拖放

本代码在EasyUI官网原treegrid拖放demo的基础上进行详尽的注释,并加以改动,如今可以实现两个treegrid之间互相拖放,本代码分别可以进行“剪切”和“复制”的功能,当前使用的是“剪切”功能,可通过改变treegrid-dnd2.js中的代码转换为“复制”功能。

立即下载
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>

立即下载
jquery easyui treegrid demo 详解

jquery easyui treegrid demo 详解 增删改查 用IE打开,并选择允许

立即下载
EasyUI treegrid json格式生成方法

编写js方法,将一般的json格式数据转为easyui treegrid使用的json格式

立即下载
WPF TreeGrid

博客中会详细介绍 可以看博客http://blog.csdn.net/lhx527099095

立即下载
TreeGridView

C#实现的TreeGridView类,TreeView 和DataGrid 的结合

立即下载
jquery表格树插件GridTree懒加载版本(开源,含demo)

支持懒加载,解决了大数据量显示效率的问题; 提供表格树回调接口,方便实现自己的业务; 优化以前表格树代码,并且公开源码。

立即下载
easyui的Treegrid扩展

扩展EasyUi的TreeGrid拖动方式,实现 多个grid相互拖动,同时增加了一些拖动控制,treegrid生成采用数据生成。

立即下载
Easyui treeGrid 多个grid相互拖动实例

改进EasyUi的TreeGrid拖动方式,实现 多个grid相互拖动 ,同时页面采用数据生成treeGrid方式

立即下载
treegrid.cshtml

easyui的treegrid控件使用,实现树表格+复合表头+行编辑

立即下载
treegrid的使用详解

treegrid的学习笔记,内含json及实现方法,解析清晰明了

立即下载
一个基于ASP.net+Jquery+GridView实现无刷新TreeGrid源码例子

一个基于ASP.net+Jquery+GridView实现无刷新TreeGrid源码例子

立即下载
treegrid大数据优化

treegrid大数据优化,支持每个节点上秒显示上万条数据

立即下载
bootstrap treegrid

bootstrap treegrid简单说明以及例子代码 用 visual studio 2010或者以上版本运行 asp.net mvc 3的

立即下载
TreeGrid树枝表控件及Demo源码

TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码TreeGrid树枝表控件及Demo源码

立即下载
关闭
img

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

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

GridView+Jquery实现的TreeGrid

会员到期时间: 剩余下载个数: 剩余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!

举报

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

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