这个问题迷惑了我很久,后来终于用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属于中层。
我不会插入图片。就只能用写的了。
分享到:
相关推荐
值得注意的是,如果同时设置了 `applyTo` 和 `renderTo`,`applyTo` 将优先生效,这在ExtJS的文档中也有明确说明。 `applyToMarkup` 方法实际上最终也是调用了 `render` 方法,但它的位置是在父元素(parentNode)...
- **示例**: `var btn = new Ext.Button({ renderTo: 'buttonDiv' })`。 #### 八、按钮与日期选择器 **8.1 按钮** - **特点**: 外观可高度定制。 - **示例**: `new Ext.Button({ text: 'Button', handler: ...
s.applyTo('t'); ``` - **初始化值**:设置 `Spinner` 的初始值为 10。 - **数值策略**:使用 `NumberStrategy` 来限制 `Spinner` 的最小值和最大值分别为 0 和 20。 ##### 3.2 时间策略配置 ```javascript Ext.ux...
通过以上内容的学习,我们可以了解到ExtJS中`MessageBox`和`Panel`的基本用法以及一些关键属性的设置方法。这些基础知识对于初学者来说至关重要,尤其是在构建复杂的用户界面时。随着对ExtJS框架更深入的理解和应用...
Panel的`title`、`html`、`cls`、`split`、`layout`、`width`、`height`、`hideCollapseTool`、`region`、`margins`、`renderTo`、`items`、`bodyStyle`、`bodyPadding`等属性可以帮助定制组件的外观和行为。...
EXTJS中的所有对象都是由`Ext.extend()`函数或`Ext.apply()`函数来创建的。例如,如果你要创建一个简单的Panel对象,可以这样做: ```javascript var myPanel = Ext.extend(Ext.Panel, { title: '我的面板', ...
renderTo: "hello", title: "学生基本信息管理", height: 200, width: 600, cm: colM, store: store, viewConfig: viewConfig }); ``` ### 四、总结 通过上述步骤,我们可以在 Ext JS 中实现 Grid 单元格的...
`Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...
customConfig : 'ckeditor/config.js' // This allows you to define the path to a custom CKEditor config file. } } },{ title:'Personal Details', layout:'form', defaults: {...
- 0000791: UniDBGrid, UniStringGrid: Option to disable custom renderer to speed-up render time. 0.83.4.819 +---------------------------------------------------------------------------------------- -...