最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs

来源:动视网 责编:小采 时间:2020-11-27 21:08:13
文档

extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs

extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs:想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的 代码如下: var root = new Ext.tree.TreeNode({ text: '根节点', expanded: true }); tree.setRootNode(root); var nodes = {}; nod
推荐度:
导读extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs:想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的 代码如下: var root = new Ext.tree.TreeNode({ text: '根节点', expanded: true }); tree.setRootNode(root); var nodes = {}; nod


想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的
代码如下:
var root = new Ext.tree.TreeNode({
text: '根节点',
expanded: true
});
tree.setRootNode(root);
var nodes = {};
nodes.children = mydata;/*TreeGrid的json数据[{……},{……}]*/
function appendChild(node, o) {
if (o.children != null && o.children.length > 0) {
for (var a = 0; a < o.children.length; a++) {
var n = new Ext.tree.TreeNode({
task:o.children[a].task,
duration:o.children[a].duration,
user:o.children[a].user,
iconCls:o.children[a].iconCls
});
node.appendChild(n);
appendChild(n, o.children[a]);
}
}
}
appendChild(root, nodes);

看源码我们知道 TreeGrid 继承于 TreePanel
所以 root 才是数据源而不是 store,
根据加载json数据到树的原理,同理我们可以这样加载json数据到 treeGrid,而不再为dataUrl: 'treegrid-data.json'这样的加载方式而烦恼了,是不是很简单呢?

文档

extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs

extjs3.31TreeGrid实现静态页面加载json到TreeGrid里面_extjs:想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的 代码如下: var root = new Ext.tree.TreeNode({ text: '根节点', expanded: true }); tree.setRootNode(root); var nodes = {}; nod
推荐度:
标签: tr extjs tre
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top