很久没写EXTJS的tip了...
今天帮组员写了一个Tree的自动展开/选择的示例,如下:
ps:用的是treegrid,但是用tree也是一样可以的.
防止爬虫原文地址:http://atian25.iteye.com/blog/724092
关键代码:
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = '../js/extjs/3.2.0/resources/images/default/s.gif';
Ext.chart.Chart.CHART_URL = '../js/extjs/3.2.0/resources/charts.swf';
Ext.QuickTips.init();
testTreeGrid();
});
function testTreeGrid(){
var tree = new Ext.ux.tree.TreeGrid({
title: '地市',
width: 550,
height: 300,
dataUrl: 'treegrid-data.json',
renderTo: Ext.getBody(),
enableDD: true,
columns:[{
header: 'ID',
dataIndex: 'id',
width: 200
},{
header: '名称',
dataIndex: 'fdcName',
width: 180
},{
header: '描述',
dataIndex: 'fdcDesp',
width: 100,
align: 'center',
sortType: 'string',
tpl: new Ext.XTemplate('{fdcDesp:this.formatDesp}', {
formatDesp: function(v) {
return v||'-'
}
})
}],
tbar:[{
text:'当前路径',
tooltip:'保存当前选择节点的路径',
scope:this,
handler:function(b,e){
//获取当前选择节点的路径
var node = tree.getSelectionModel().getSelectedNode();
var path = node.getPath('id');
Ext.getCmp('tf').setValue(path);
}
},{
xtype:'textfield',
id:'tf',
width:300,
value:''
},{
text:'选择路径',
scope:this,
handler:function(b,e){
var path = Ext.getCmp('tf').getValue();
//展开路径,并在回调函数里面选择该节点
tree.expandPath(path,'id',function(bSucess,oLastNode){
tree.getSelectionModel().select(oLastNode);
});
}
},{
text:'选择江门',
scope:this,
handler:function(b,e){
var path = '/xnode-11/cn86/gd020/gd020areas/jm0750';
//展开路径,并在回调函数里面选择该节点
tree.expandPath(path,'id',function(bSucess,oLastNode){
tree.getSelectionModel().select(oLastNode);
});
}
},{
text:'重载',
tooltip:'重载数据并选择上一次的节点',
scope:this,
handler:function(b,e){
var path = tree.getSelectionModel().getSelectedNode().getPath('id');
//重载数据,并在回调函数里面选择上一次的节点
tree.getLoader().load(tree.getRootNode(),function(treeNode){
//展开路径,并在回调函数里面选择该节点
tree.expandPath(path,'id',function(bSucess,oLastNode){
tree.getSelectionModel().select(oLastNode);
});
},this);
}
}]
});
}
- 大小: 45.8 KB
分享到:
相关推荐
区别在于,远程脚本调用方式加载树节点信息使用的是WebInvokeTreeLoader,需要通过fn属性来指定用于加载数据的远程方法,并在beforeload事件处理器设置参数远程方法调用的参数值。而传统的树节点加载器是Ext.tree....
ExtJs Tree
Extjs的tree Extjs的tree Extjs的tree Extjs的tree Extjs的tree
ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 2. 节点分为两个类(项目和设备) 3. 右键菜单 4. 节点增、删、改操作 ....... 后台是java struts1。 本例旨在说明extjs的tree操作,后台操作很简陋...
最近在学习extjs tree,有两个不错的例子,希望对需要的朋友有所帮助!
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。
extjs tree 学习资料extjs tree 学习资料extjs tree 学习资料extjs tree 学习资料
ExtJs4 Checkbox tree
extjs的tree的使用.doc
Extjs Tree + JSON + Struts2 例子
Extjs Tree + JSON + Struts2 示例源代码
access 数据库,可增加 删除树节点!!
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
利用extjs框架实现的后台经典显示, tree框架,动态加载。
在网上下载别人的代码,改进加上CHECKBOX ,但是批量删除做不出来,希望高手完成并分享。
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
分享一个ExtJs Tree, 完整的带有复选框的树形结构
TreePanel的各项属性能帮助我们动态加载extjs tree
将文件拷贝到extjs根目录下。运行即可。实现了选中之类。父类联动选中