Question

extjs 中点击动态树treepanel的节点怎么与gridpanel中的store源关联，显示不同的数据

页面布局
var viewport = new Ext.Viewport( {
layout : 'border',

items : [ {
region : 'west',
id : 'west-panel',
title : '组织机构',
width : 210,
minSize : 160,
maxSize : 500,
split : true,
autoScroll : true,
margins : '3 3 3 3',
// width : 200,
// minSize : 175,
// maxSize : 400,
// autoHeight : true,
collapsible : true,
border : false,
// margins : '5 0 5 5',
// split : true,
items : [ {
region : 'west',
layout : 'fit',
border : true,
height : 500,
autoScroll : true,
items : tree
} ]
}, {
region : 'center',
layout : 'fit',
border : false,
margins : '3 3 3 3',
items : [ grid ]
} ]
});
部门动态树：
var tree = new Ext.tree.TreePanel( {
//useArrows : false,
border : false,
margins : 0,
lines : true,
rootVisible : true,// 是否隐藏根节点,很多情况下，我们选择隐藏根节点增加美观性
autoScroll : true,
renderTo : 'tree-div', // Using this config, a call to render() is not required (在html中存在一个 id 为 tree 的结点)
enableDD : false,// 是否支持拖拽效果
//border : true, // 边框
frame : true,// 美化界面
containerScroll : true,// 是否支持滚动条
title : '组织机构管理',
//tbar : menubar,
animate : true, // 动画效果
root : root,
loader : treeloader
});
grid展示部门内容：
var grid = new Ext.grid.GridPanel( {
title : '部门信息表',
iconCls : 'tabs',
// collapsible: true,
//layout:'fit',
region : 'center',
deferredRender : false,
stripeRows : true,
//width : 600,
height : 450,
animCollapse : true,
resizable : true,
autoSizeColumns : true,
autoScroll : true,
tbar : menubar,
ds : deptStore,
cm : cm,
sm : sm,
bbar : pagingbar,
renderTo : "dept",
viewConfig : {
forceFit : true
}
});
extjs3。0

Answer 1

给树添加一个点击节点事件，点击之后按照你需要的条件重新加载表格数据