我的代码中的一些控件开始都有ID,在我新打开一些窗口的时候,总会出现界面的混乱。
后来把ID删除了,改成name属性,才不会出现如此状况。
但是还不太了解其原因
原来代码(部分前台控件代码,id有值的情况)
//盘点开始日期
var makeCheckPlanBeginTime = new Ext.form.DateField({
id: 'BEGIN_TIME',
name: 'BEGIN_TIME',
fieldLabel: '盘点开始日期',
width: 150,
maxLength: 20,
minLength: 1,
readOnly: true,
emptyText: nowDate,//默认值为系统当前日期,view中已经申请
allowBlank: false,
blankText: '请输入盘点开始日期'
});
//盘点结束日期
var makeCheckPlanEndTime = new Ext.form.DateField({
id: 'END_TIME',
name: 'END_TIME',
fieldLabel: '盘点完成日期',
width: 150,
maxLength: 20,
minLength: 1,
readOnly: true,
emptyText: nowDate,//默认值为系统当前日期,view中已经申请
allowBlank: true,
blankText: '请输入盘点完成日期'
});
原先正常的界面如下图
当我重新载入此页面,再打开窗口时候,界面混乱如下图
删除控件中的ID属性,改成name属性值即可。
分享到:
相关推荐
### ExtJs组件类的对应...以上列举的组件是ExtJs框架中常用的部分,通过这些组件的灵活组合与配置,开发者可以构建出复杂且高度定制化的用户界面。理解并熟练掌握这些组件的特性和用法,对于高效开发Web应用至关重要。
5. **表单组件**:表单处理是Web应用的重要部分,手册将详细介绍ExtJS的表单组件,如TextField、ComboBox、DateField等,以及如何进行表单验证和提交。 6. **Ajax和数据交换**:手册会讲解如何使用Ajax进行异步通信...
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架,本课程是一套基于Extjs4.1.1版本进行全新讲解Extjs的课程。课程从基础开始,配合项目实战应用,让用户在最短的时间内掌握Extjs的...
7. **表单组件**:EXTJS 3.0包含各种表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,可构建复杂的表单应用。 8. **图表组件**:EXTJS 3.0还引入了图表组件,可以创建各种统计...
4. **表单组件**:EXTJS包含一系列表单控件,如文本字段(TextField)、选择框(ComboBox)、日期选择器(DatePicker)等,能够满足各种数据输入需求。 5. **数据存储**:EXTJS的数据存储系统包括Store,它可以连接...
本文将重点介绍Extjs表单中的各种通用组件,包括文本框、单选按钮、多选按钮、下拉列表和日期选择器等,这些组件在实际开发中极为常见。 ### 文本框(TextField) 文本框是最基本的输入组件,允许用户输入文本数据...
7. **表单(Form)组件**:表单组件包含各种输入控件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,支持数据验证和提交。 8. **树形结构(Tree)**:提供了树形组件,可用于展示和操作...
ExtJS 2.0提供了强大的表单组件,如文本字段(TextField)、复选框(Checkbox)、下拉框(ComboBox)等,以及表单提交、验证等功能。理解和熟练运用表单组件,能够创建功能完善的用户输入界面,并实现数据的验证和...
在EXTJS中,组件是构建用户界面的基本元素,它们可以是按钮、文本框、表格、面板等。在提供的实例中,我们看到如何单独定义并使用几种EXTJS组件,包括ComboBox(下拉框)、TextField(文本框)、Button以及Toolbar。...
这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...
在ExtJS中,这些字段可以映射到不同的组件类型。例如: - 学号(例如:`student_id`):如果类型是整型,可以使用`NumberField`创建一个数值输入框。 2. **ExtJS组件类型及其用途** - `Checkbox`:复选框,用于...
在EXTJS中,树形组件(Tree)是一种常见的数据展示形式,它能够以层级结构显示数据,广泛应用于目录浏览、组织架构展示等场景。EXTJS3.0是EXTJS的一个版本,虽然相对较旧,但仍然具有强大的功能和丰富的特性。 在...
6、ExtJs最常用表单组件ComboBox、time、date 7、ExtJS面板Panel t1 E( w8 g6 ?/ L' A 8、EXtJS布局模式-Auto布局、Fit布局、Accordion布局 9、ExtJS布局模式-Card、Anchor、Absolute( r! k$ G/ Q, u! c' U 11、...
EXTJS 是一款强大的JavaScript前端框架,它提供了丰富的用户界面组件,用于构建富互联网应用程序(RIA)。在EXTJS中,布局(Layout)是控制组件如何在容器中排列和展示的关键概念。"Table Layout"是EXTJS中的一种...
1. **控件属性**:在`Extjs 控件属性.doc`中,可能会涵盖ExtJS 4中的各种组件(如窗口、面板、表格等)的常用属性。这些属性用于定义组件的行为、外观和交互方式。例如,宽度(width)、高度(height)、标题(title...
ExtJS基于组件模型,允许开发者构建复杂的用户界面,这些组件可以是按钮、表格、表单、面板等。每个组件都有自己的属性、方法和事件,通过灵活组合这些组件,可以创建出功能丰富的Web应用。 在提供的文件"ExtJS 2.0...
5. **表单组件**:ExtJS 3.0包含一系列强大的表单组件,如文本框(TextField)、复选框(Checkbox)、下拉列表(ComboBox)等,它们都支持验证和数据绑定。 6. **图表组件**:通过ExtJS的Charts模块,开发者可以...
4. **表单组件(Form Components)**:ExtJS提供了一系列的表单组件,如文本字段(TextField)、选择框(ComboBox)、日期选择器(DateField)等,以及强大的表单处理功能,包括验证、提交和远程加载。 5. **Ajax和...
2. **Form**:表单组件,如TextField、TextArea、Checkbox、ComboBox等,用于数据输入和验证。 3. **Grid**:表格组件,用于显示和操作大量数据,支持分页、排序、过滤等功能。 4. **Tree**:树形组件,用于展示层次...