作者：手机用户2502905147 | 来源：互联网 | 2018-06-18 08:58
扩展自 $.fn.datagrid.defaults，用 $.fn.treegrid.defaults 重写了 defaults。
依赖
datagrid
用法
代码如下:
代码如下:
$('#tt').treegrid({
url:'treegrid_data.json',
treeField:'name',
columns:[[
{title:'Task Name',field:'name',width:180},
{field:'persons',title:'Persons',width:60,align:'right'},
{field:'begin',title:'Begin Date',width:80},
{field:'end',title:'End Date',width:80}
]]
});
特性
其特性扩展自 datagrid，下列是为 treegrid 增加的特性。
|
名称 |
类型 |
说明 |
默认值 |
|
treeField |
string |
定义树节点的字段。 |
null |
|
animate |
boolean |
定义当节点展开或折叠时是否显示动画效果。 |
false |
事件 其事件扩展自 datagrid，下列是为 treegrid 增加的事件。
|
名称 |
参数 |
说明 |
|
onClickRow |
row |
当用户点击一个节点时触发。 |
|
onDblClickRow |
row |
当用户双击一个节点时触发。 |
|
onBeforeLoad |
row, param |
发出一个加载数据的请求前触发，返回 false 就取消加载动作。 |
|
onLoadSuccess |
row, data |
当数据加载成功时触发。 |
|
onLoadError |
arguments |
当数据加载失败时触发， arguments 参数和 jQuery.ajax 的 'error' 方法一样。 |
|
onBeforeExpand |
row |
节点展开前触发，返回 false 就取消展开动作。 |
|
onExpand |
row |
当节点展开时触发。 |
|
onBeforeCollapse |
row |
节点折叠前触发，返回 false 就取消折叠动作。 |
|
onCollapse |
row |
当节点折叠时触发。 |
|
onContextMenu |
e, row |
当右键点击节点时触发。 |
|
onBeforeEdit |
row |
当用户开始编辑节点时触发。 |
|
onAfterEdit |
row,changes |
当用户完成编辑时触发。 |
|
onCancelEdit |
row |
当用户取消编辑节点时触发。 |
方法
|
名称 |
参数 |
说明 |
|
options |
none |
返回 treegrid 的options 。 |
|
resize |
options |
设置 treegrid 的尺寸， options 参数包含两个特性：
width： treegrid 的新宽度。
height： treegrid 的新高度。 |
|
fixRowHeight |
id |
适应指定行的高度。 |
|
loadData |
data |
加载 treegrid 的数据。 |
|
reload |
id |
重新加载 treegrid 的数据。 |
|
reloadFooter |
footer |
重新加载脚部数据。 |
|
getData |
none |
获取加载的数据。 |
|
getFooterRows |
var cpro_id = "u6885494";
推荐阅读
-
本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面，并总结了项目存在的问题，如前后端未分离、代码混乱等。作者表示希望通过记录和规划，能够理清思路，进一步完善该平台。 ...
[详细]
蜡笔小新 2023-12-13 18:08:58
-
本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ...
[详细]
蜡笔小新 2023-12-12 12:45:59
-
-
本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串，可以将不同的文本分别插入到两个div中，从而实现页面的动态更新。 ...
[详细]
蜡笔小新 2023-12-11 10:07:32
-
本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议，它允许在服务器端通过Script tags返回至客户端，并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法，它是一种面向数据结构的分析和设计方法，以活动为中心，将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码，使用了jQuery的ajax方法请求一个Jsonp数据。 ...
[详细]
蜡笔小新 2023-12-10 10:55:21
-
随着互联网的发展，前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线，包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习，可以掌握前台开发的基本技能，并有能力找到一份月薪8000以上的工作。 ...
[详细]
蜡笔小新 2023-12-10 20:05:15
-
本文介绍了Node.js中包的概念，以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM（Node Package Manager）的基本介绍和使用方法，以及如何通过NPM下载第三方模块。 ...
[详细]
蜡笔小新 2023-12-10 18:26:02
-
本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单，将文件和参数添加到FormData对象中，然后使用ajax发送POST请求进行文件上传。在发送请求时，需要设置processData为false，告诉jquery不要处理发送的数据；同时设置contentType为false，告诉jquery不要设置content-Type请求头。 ...
[详细]
蜡笔小新 2023-12-09 19:51:18
-
为什么80%的码农都做不了架构师？JQuery1.2后getJSON方法支持跨域读取json数据，原理是利用一个叫做jsonp的概念。当然 ...
[详细]
蜡笔小新 2023-12-09 18:24:55
-
本文介绍了DataTables插件的官方网站以及其基本特点和使用方法，包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性，以及国际化和动态创建表格的功能。此外，还提供了参数初始化和延迟加载的示例代码。 ...
[详细]
蜡笔小新 2023-12-09 17:40:33
-
查询单个functionquery(id){$.ajax({url:smallproductServlet,async:true,type:POST,data:{typ ...
[详细]
蜡笔小新 2023-10-17 19:40:17
-
这段时间，所在项目中要用到的一个模块，就是让数据库中的内容在百度地图上展现出来，如经纬度。主要实现以下几点功能：1.读取数据库中的经纬度值在百度上标注出来。2.点击标注弹出对应信息。3 ...
[详细]
蜡笔小新 2023-10-17 19:33:18
-
本文介绍了使用jQuery实现图片预加载和等比例缩放的方法，同时提供了演示和相关代码。该方法可以重置图片的宽度和高度，并使图片在水平和垂直方向上居中显示。 ...
[详细]
蜡笔小新 2023-12-09 17:59:12
-
本文介绍了获取ul中第一个li元素的五种方法和多个ul中第一个li元素的四种方法，包括使用jQuery的选择器和遍历方法。通过这些方法，可以方便地获取到所需的元素，并进行相应的操作。 ...
[详细]
蜡笔小新 2023-12-09 10:26:04
-
本文介绍了影响网站打开时间的两个因素，即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法，并推荐了相应的压缩工具。此外，还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ...
[详细]
蜡笔小新 2023-12-09 09:17:00
-
web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条，因为它主要用途是设置类似于qq界面的那种格 ...
[详细]
蜡笔小新 2023-10-17 20:40:03
-
手机用户2502905147
这个家伙很懒，什么也没留下！
|
京公网安备 11010802041100号