renderto
发布日期：2019-04-22 12:07:00编辑：音乐人
知识点：《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()方法添加, 添加完成后，重新布局。
- 追问： 能不能给一个例子？把树加到panel的例子，我试了总是提示有语法错误
知识拓展：
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对象 很明显的区别