`
wjx
  • 浏览: 67295 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext form中的anchor属性还是别用了

    博客分类:
  • EXT
阅读更多
Ext form的各个field中有个anchor属性,可以用来根据窗口大小自动调整文本框的宽度,挺好的东西——嗯,看上去很美。

可惜丫的textarea的实现在IE 6下面有bug,像下面的代码,如果hideLabel不设置或者设置成了false(width也是没有的),那么这个textarea将显示不出来。
{
			id : 'f-res-memo',
			fieldLabel : '备注',
			name : 'resource.resMemo',
			xtype: 'textarea',
			//hideLabel: false,
			//anchor : '100%',
			width: 300,
			maxLength: 1000,
			allowBlank : true
		}


所以最好的方法就是不用这个功能,直接用width来控制。

Ext用了一阵,感觉开发者在IE6下面的测试的不是很到位啊。
分享到:
评论
7 楼 yiminghe 2008-12-20  
wjx 写道
这就有点玩人了,Jack可是说的这玩意对浏览器都兼容啊。而且现在多数人还是用的ie6啊,至少我这边的用户如此


运行 ext demo 会提示说 在 ff 下 有问题 ....
6 楼 snowmeteor 2008-12-19  
arliu 写道
仔细调一下anchor : '100%'数值的大小,再加个autoScroll:true试试~~

我设置anchor : '100%',autoScroll:true,但anchor : '99%',autoScroll:true就可以了。

不知道具体是为什么,呵呵

就是,我的设置成99.99%都可以,就是100%不成
5 楼 arliu 2008-12-17  
仔细调一下anchor : '100%'数值的大小,再加个autoScroll:true试试~~

我设置anchor : '100%',autoScroll:true,但anchor : '99%',autoScroll:true就可以了。

不知道具体是为什么,呵呵
4 楼 lonelyblue 2008-01-16  
IE6的占有份额,您说该不该支持?
3 楼 Toez 2008-01-16  
是对各个不同厂家的浏览器兼容,又没说对各个厂家的各个版本浏览器都兼容
2 楼 wjx 2008-01-13  
这就有点玩人了,Jack可是说的这玩意对浏览器都兼容啊。而且现在多数人还是用的ie6啊,至少我这边的用户如此
1 楼 xyz20003 2008-01-13  
是啊,在ie6下就会有这个问题,ie7和ff2下都不会出问题。

听说ext是在ff2下开发的,然后再放到ie下调试,以前也是说ie6的问题多多

相关推荐

    Ext4.0中文api[帮助文档]

    文档中的“组件”部分会详细介绍Ext JS的各种UI组件,如面板(Panel)、表格(Grid)、表单(Form)、树形视图(Tree)等。每个组件都有一系列配置项、事件和方法,可以帮助开发者定制出符合需求的界面元素。例如,...

    Ext.form.FieldSet的用法.pdf

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

    ext文件上传下载

    在EXTJS中,文件上传通常会用到`Ext.form.Panel`组件,它包含一个或多个`Ext.form.field.File`(文件选择字段),也被称为“上传按钮”。这个组件允许用户选择本地文件,并在提交表单时将文件数据发送到服务器。以下...

    Ext.form.FieldSet的用法.docx

    Ext.form.FieldSet是Ext JS库中的一个组件,用于组织和分组表单字段。它提供了一种方便的方式来呈现和管理一组相关的输入控件,并且可以通过配置项进行自定义以适应不同的设计需求。以下是对FieldSet的一些关键配置...

    Ext Js权威指南(.zip.001

    9.4.7 锚固布局:ext.layout.container.anchor / 448 9.4.8 绝对定位布局:ext.layout.container.absolute / 450 9.4.9 边框布局:ext.layout.container.border / 451 9.4.10 自动布局:ext.layout.container....

    Ext JS高级程序设计

    在Ext JS中,`HBoxLayout`(简称HBox)是一种常用的布局管理器,主要用于水平方向上的元素排列。它提供了丰富的配置选项来帮助开发者更好地控制组件的布局,包括元素的对齐方式、填充样式等。本文将详细介绍`...

    Extjs fieldset两行两列布局

    new Ext.form.ComboBox({ // 创建ComboBox组件 hiddenName: 'ns', fieldLabel: '', triggerAction: 'all', store: new Ext.data.SimpleStore({ fields: ['name', 'code'], data: [['', '1'], ['', '0']] }),...

    ext2.0 中文资料(含多例子)

    var form = new Ext.form.FormPanel({ labelWidth: 50, items: [{ fieldLabel: 'Name', name: 'name', allowBlank: false, anchor: '100%', gwidth: 100, xtype: 'textfield' }, { fieldLabel: 'Email', ...

    Ext与后台数据库交互

    `Ext.form.FormPanel`是Ext框架中用于处理表单的主要组件之一,它提供了一系列的方法来管理和提交表单数据。 - **submit方法**:`FormPanel.getForm().submit()`方法用于提交当前表单。该方法支持传递一些参数,如`...

    ext 3.2源码

    这些组件在`Ext.form`包中定义,源码展示了如何处理表单数据、验证以及与服务器的交互。 5. **Ajax通信**:EXT 3.2通过`Ext.Ajax`对象封装了Ajax请求,提供了一套简单易用的API。通过源码,我们可以学习如何处理...

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

    Ext.extend(Ext.form.CKEditor, Ext.form.TextArea, { onRender : function(ct, position){ if(!this.el){ this.defaultAutoCreate = { tag: "textarea", autocomplete: "off" }; } Ext.form.TextArea....

    Ext 表单布局实例代码

    最后,`Ext.form.FormPanel`是EXT JS中的一个高级组件,它封装了表单的所有功能。`labelAlign`设置了标签的位置,这里是'right',即标签位于字段右侧。`labelWidth`指定了标签的宽度。`frame`属性为表单添加边框,`...

    Ext10种布局

    - **定义**:通过 `Ext.layout.FormLayout` 类定义,布局名称为 `form`。 - **应用场景**:专门用于管理和布局表单中的输入字段,适用于创建表单元素。 #### 6. Accordion 布局 - **定义**:通过 `Ext.layout....

    ext上传文件例子文章

    在EXTJS中,我们可以使用`Ext.form.field.File`组件来创建这个输入字段,它提供了友好的用户界面,允许用户选择本地文件。 ```javascript var form = Ext.create('Ext.form.Panel', { title: 'File Upload Form', ...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...

    ext北风基础班讲义

    EXTJS 的组件体系是其核心特性之一,它提供了大量的预定义组件,如窗口(Window)、面板(Panel)、表格(Grid)、表单(Form)等,这些组件可以灵活地组合和定制,以满足各种复杂的用户界面需求。在EXTJS中,信息...

    Ext JS6 by Example中文版(含源码).rar

    总之,"Ext JS6 by Example中文版(含源码)"是一个宝贵的资源,无论你是初学者还是有经验的开发者,都可以从中受益,掌握Ext JS 6的核心技术,并通过实例加深理解。配合源码分析,可以更直观地学习和掌握这一强大的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...

    Ext2.0一些小例子

    在这个名为"Ext2.0一些小例子"的压缩包中,可能包含了若干个演示Ext2.0功能和用法的示例代码。 首先,让我们来看看Ext2.0的核心特性: 1. **组件化**:Ext2.0提供了大量的UI组件,如表格(Grid)、面板(Panel)、...

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

Global site tag (gtag.js) - Google Analytics