1 首先定义gridview id
viewConfig: {
itemId: 'assetTreeView',
markDirty: false
}
2 在Controller里面增加监听函数
"#assetTreeView": {
itemkeydown: this.onAssetTreeViewItemKeydown
}
3 函数实现
onAssetTreeViewItemKeydown: function(dataview, record, item, index, e, eOpts) {
var key = e.getKey();
var nodes = record.childNodes;
var node,length = nodes.length;
if(length === 0){
nodes = record.parentNode.childNodes;
length = nodes.length;
}
if(key>=e.A && key<=e.Z && nodes.length>0){
var initial = String.fromCharCode(key);
var localIndex = 0;
do{
node = nodes[localIndex++];
if(node === record) {
continue;
}
if(node && node.get('name').indexOf(initial.toLowerCase()) === 0){
dataview.select(node);
break;
}
}while(node && node.get('name').indexOf(initial.toLowerCase()) !== 0 && localIndex<=length-1 ||
(node && node.get('name').indexOf(initial.toLowerCase()) === 0 && node === record ));
}
return false;
}
用户在树的上下文按键后可以导航到具体的行(首字母为按键字母),若已经选中会从父节点开始再进行查找。
分享到:
相关推荐
数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载的data数据中的state属性变更,再重新执行 $('#tg').treegrid('loadData', data); 即可实现,亲测有效 无卡顿 注:无子项的请勿加state...
TreeGrid 在Asp.net中实现的实例 TreeGrid ASP.net Javascript
TreeGrid使用GridView的展现方式和语法,并且在客户端可以控制节点的展开和折叠。与GridView的展现方式和语法需要定义Template,客户端节点的展开和折叠使用Javascript控制就可以了。 some feature Support Ajax ...
jqgrid treegrid使用实例下载
Jeasyui treegrid插件实现同级分类上下移动效果(终版),根据treegrid插件生成的页面元素做操作,案例未加数据库交互,大家可通过ajax返回参照节点ID来进行操作,很简单
jquery-treegrid 树形表格组件 最新的treegrid 版本 下载
扩展EasyUi的TreeGrid拖动方式,实现 多个grid相互拖动,同时增加了一些拖动控制,treegrid生成采用数据生成。
dhtmlxTreeGrid1.2_Pro, 虽然版本比较低,但是可以用!
用extjs4 TreeGrid做的report报表
自己封装的bootstrap-treegrid.js来实现树形菜单
GridView+Jquery实现的TreeGrid GridView和jquery 实现的无刷新TreeGrid 演示数据采用系统自动生成,功能非常简单
jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js
WPF TreeGrid树形表格
treegrid大数据优化,支持每个节点上秒显示上万条数据
boostrapTable Treegrid树表格,官网上有,但是资料都不全,亲测可用,一般用于菜单关系和权限设计的Table
一个jquery的treegrid例子,为了自己备忘,需要的朋友可以下载
treegrid插件 关闭所有节点" onclick="expandAll('N')"> 展开所有节点" onclick="expandAll('Y')"> 取得当前行的数据" onclick="selectedItem()"> 当前选中的行: <div id="div1"></div> var config =...
jeasyui-treegrid实现例子,使用到php
jquery easyui treegrid demo 详解 增删改查 用IE打开,并选择允许