`
burningskyc
  • 浏览: 4803 次
  • 性别: Icon_minigender_1
  • 来自: 长春
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

extjs中applyTo和renderTo的区别

IE 
阅读更多

这个问题迷惑了我很久,后来终于用IE的开发人员工具找到答案。

一个panel类似的容器extjs会生成三个部分--外层,中层,内层。
内层叫body 所有会用bodyStyle这个属性,而这一属性,也正是解决ie下autoscroll会产生横向滚动条这一问题的关键。
当使用了applyTo:'testId'之后extjs会以id为testId的div做为你new出来的容器的外层。
而使用renderTo:'testId'之后 extjs会生成新的外,中,内三层插入到id为testId的div内。
当renderTo和el同时配置的时候,extjs会做一个类似于先将new出来的容器applyTo el所指的元素,之后再把这个new出来的三层移到renderTo所指的div内。

关于ie下autoscroll会产生横向滚动条这一问题只要加上bodyStyle:'overflow-x:hidden'就好了。

header是单独的div属于中层。

我不会插入图片。就只能用写的了。

 

分享到:
评论
1 楼 burningskyc 2010-02-05  
加上bodyStyle:'overflow-x:hidden'会产生一个问题
内部宽度过宽时,会有一部分背竖着的滚动条吃掉。
这人问题我的解决方案是容器内部用colum布局,第一个Item是我们要加的组件,columWidth:1,
第二个Item是一个width:18(可以自已定大小,滚动条宽好像是15)的空组件。

相关推荐

    Extjs学习笔记之五 一个小细节renderTo和applyTo的区别

    值得注意的是,如果同时设置了 `applyTo` 和 `renderTo`,`applyTo` 将优先生效,这在ExtJS的文档中也有明确说明。 `applyToMarkup` 方法实际上最终也是调用了 `render` 方法,但它的位置是在父元素(parentNode)...

    Extjs中文教程2.x

    - **示例**: `var btn = new Ext.Button({ renderTo: 'buttonDiv' })`。 #### 八、按钮与日期选择器 **8.1 按钮** - **特点**: 外观可高度定制。 - **示例**: `new Ext.Button({ text: 'Button', handler: ...

    extjs的spinner

    s.applyTo('t'); ``` - **初始化值**:设置 `Spinner` 的初始值为 10。 - **数值策略**:使用 `NumberStrategy` 来限制 `Spinner` 的最小值和最大值分别为 0 和 20。 ##### 3.2 时间策略配置 ```javascript Ext.ux...

    ExtJS面板学习笔记(带有运行效果)

    通过以上内容的学习,我们可以了解到ExtJS中`MessageBox`和`Panel`的基本用法以及一些关键属性的设置方法。这些基础知识对于初学者来说至关重要,尤其是在构建复杂的用户界面时。随着对ExtJS框架更深入的理解和应用...

    extjs4.0学习笔记

    Panel的`title`、`html`、`cls`、`split`、`layout`、`width`、`height`、`hideCollapseTool`、`region`、`margins`、`renderTo`、`items`、`bodyStyle`、`bodyPadding`等属性可以帮助定制组件的外观和行为。...

    extjs3.4如何创建对象

    EXTJS中的所有对象都是由`Ext.extend()`函数或`Ext.apply()`函数来创建的。例如,如果你要创建一个简单的Panel对象,可以这样做: ```javascript var myPanel = Ext.extend(Ext.Panel, { title: '我的面板', ...

    Ext grid合并单元格

    renderTo: "hello", title: "学生基本信息管理", height: 200, width: 600, cm: colM, store: store, viewConfig: viewConfig }); ``` ### 四、总结 通过上述步骤,我们可以在 Ext JS 中实现 Grid 单元格的...

    Ext.form.FieldSet的用法.pdf

    `Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码

    customConfig : 'ckeditor/config.js' // This allows you to define the path to a custom CKEditor config file. } } },{ title:'Personal Details', layout:'form', defaults: {...

    unigui0.83.5.820

    - 0000791: UniDBGrid, UniStringGrid: Option to disable custom renderer to speed-up render time. 0.83.4.819 +---------------------------------------------------------------------------------------- -...

Global site tag (gtag.js) - Google Analytics