知识点：《renderto》 收集：戚值俅 编辑：梅花姐姐
本知识点包括：1、renderTo:Ext.getBody()什么意思 2、renderTo和applyTo的区别 3、extjs中，我要将内容导入到某个地方，为什么只有re... 4、extjs 什么时候需要renderto 5、Extjs 中的renderTo和el区别 。

《renderto》相关知识

Ext.onReady(function() {

var tree = new Ext.tree.TreePanel({

title :"test",

width :300,

height :450,

useArrows :true,// 是否使用箭头样式

autoScroll :true,// 滚动条

animate :true,// ,收缩动画

rootVisible :false,// 根节点是否可见

lines :false,// 禁止显示树的虚线

root :new Ext.tree.AsyncTreeNode({

text :"all",

children :[{

text :"aaa",

checked :false,

children :[{

text :"bbb",

checked :false,

children :[{

text :"新增",

id :"aaa",

checked :false,

leaf :true

},{

text :"修改",

checked :false,

leaf :true

},{

text :"删除",

checked :false,

leaf :true

},{

text :"刷新",

checked :false,

leaf :true

}]

},{

text :"ddd",

checked :false,

children :[{

text :"新增",

checked :false,

leaf :true

},{

text :"修改",

checked :false,

leaf :true

},{

text :"删除",

checked :false,

leaf :true

},{

text :"刷新",

checked :false,

leaf :true

}]

}]

},{

text :"ccc",

checked :false,

children :[{

text :"eee",

checked :false,

children :[{

text :"新增",

checked :false,

leaf :true

},{

text :"修改",

checked :false,

leaf :true

},{

text :"删除",

checked :false,

leaf :true

},{

text :"刷新",

checked :false,

leaf :true

}]

}]

}]

})

})

var views = new Ext.Panel({

width :300,

height :450,

border :true,

renderTo :Ext.getBody(),

items :[tree],

tbar :[{

text :"保存",

icon :"/hims/resources/images/icons/save.gif",

cls :"x-btn-text-icon",

handler :function() {

}

},"-",{

text :"刷新",

icon :"/hims/resources/images/icons/reload-green.png",

cls :"x-btn-text-icon",

handler :function() {

}

}]

});

})

参考思路：

extjs里面的组件是可以嵌套添加的

1.静态的： 直接放到items:[] 下就可以

2.动态的： 可以调用add()方法添加, 添加完成后，重新布局。

知识拓展：

1： Ext.Panel的高度问题我在一个panel中放进一个gridpanel,并设置layout:fit将其充满panel,可以让panel自适应他里边的gridpanel的宽度,如何让panel自动调整为它里边gridpanel的高度(高度是变量)啊?我的js代码

知识要点归纳：

autoHeight:true

猜你喜欢：

1：renderTo:Ext.getBody()什么意思

提示：如果你是renderTo:'test'的话~ 你jsp里边就要有个div 的id是test 如果是renderto:Ext.getBody()的话 就是加载jsp body的时候就加载ext

2：renderTo和applyTo的区别

提示：ExtJS中的renderTo和applyTo的差别 对applyTo和renderTo的理解和思考个人认为这两篇文章写的不够通俗。写一个简单的例子来看看最终生成了什么代码， 复制代码 代码如下: RenderTo and ApplyTo Ext.onReady(function() { var button = new Ext.Bu...

3：extjs中，我要将内容导入到某个地方，为什么只有re...

提示：你导入的地方 如果不是body 就需要指明 要导入的某个容器， 如果自身是一个容器的话 需要指明要渲染到布局的某个部分才行

4：extjs 什么时候需要renderto

提示：renderto代表的意思是渲染 就是最终展示在画面上面的 你可以将多个组件同时放到一个大的panel上面 然后将这个panel->renderto到页面上面定义的div

5：Extjs 中的renderTo和el区别

提示：renderTo 是渲染到什么地方 el 是Ext.Element对象 很明显的区别

reforce

rese