`
qimo601
  • 浏览: 3446148 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Extjs中的组件含有ID,会导致界面混乱。(textfield,comboBox等)

EXT 
阅读更多

我的代码中的一些控件开始都有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属性值即可。

分享到:
评论
1 楼 gonglil 2012-12-12  
但是如果我要传到后台去,那个值怎么取得呢?没有了id属性。

相关推荐

    ExtJs组件类的对应表

    ### ExtJs组件类的对应...以上列举的组件是ExtJs框架中常用的部分,通过这些组件的灵活组合与配置,开发者可以构建出复杂且高度定制化的用户界面。理解并熟练掌握这些组件的特性和用法,对于高效开发Web应用至关重要。

    Extjs3.2中文帮助手册

    5. **表单组件**:表单处理是Web应用的重要部分,手册将详细介绍ExtJS的表单组件,如TextField、ComboBox、DateField等,以及如何进行表单验证和提交。 6. **Ajax和数据交换**:手册会讲解如何使用Ajax进行异步通信...

    Extjs4.1.1

    ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架,本课程是一套基于Extjs4.1.1版本进行全新讲解Extjs的课程。课程从基础开始,配合项目实战应用,让用户在最短的时间内掌握Extjs的...

    ext(extJS) 3.0 中文API CHM版 ext中文帮助文档

    7. **表单组件**:EXTJS 3.0包含各种表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,可构建复杂的表单应用。 8. **图表组件**:EXTJS 3.0还引入了图表组件,可以创建各种统计...

    EXTJS3.0中文API (离线)

    4. **表单组件**:EXTJS包含一系列表单控件,如文本字段(TextField)、选择框(ComboBox)、日期选择器(DatePicker)等,能够满足各种数据输入需求。 5. **数据存储**:EXTJS的数据存储系统包括Store,它可以连接...

    Extjs表单中的通用组件

    本文将重点介绍Extjs表单中的各种通用组件,包括文本框、单选按钮、多选按钮、下拉列表和日期选择器等,这些组件在实际开发中极为常见。 ### 文本框(TextField) 文本框是最基本的输入组件,允许用户输入文本数据...

    Extjs 3.0 中文API

    7. **表单(Form)组件**:表单组件包含各种输入控件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,支持数据验证和提交。 8. **树形结构(Tree)**:提供了树形组件,可用于展示和操作...

    ExtJs2.0学习系列

    ExtJS 2.0提供了强大的表单组件,如文本字段(TextField)、复选框(Checkbox)、下拉框(ComboBox)等,以及表单提交、验证等功能。理解和熟练运用表单组件,能够创建功能完善的用户输入界面,并实现数据的验证和...

    Extjs单独定义各组件的实例代码

    在EXTJS中,组件是构建用户界面的基本元素,它们可以是按钮、文本框、表格、面板等。在提供的实例中,我们看到如何单独定义并使用几种EXTJS组件,包括ComboBox(下拉框)、TextField(文本框)、Button以及Toolbar。...

    extjs中文api

    这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...

    ExtJs代码自动生成

    在ExtJS中,这些字段可以映射到不同的组件类型。例如: - 学号(例如:`student_id`):如果类型是整型,可以使用`NumberField`创建一个数值输入框。 2. **ExtJS组件类型及其用途** - `Checkbox`:复选框,用于...

    EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0

    在EXTJS中,树形组件(Tree)是一种常见的数据展示形式,它能够以层级结构显示数据,广泛应用于目录浏览、组织架构展示等场景。EXTJS3.0是EXTJS的一个版本,虽然相对较旧,但仍然具有强大的功能和丰富的特性。 在...

    深入浅出Extjs4.1.1

    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 常用控件的使用 table layout

    EXTJS 是一款强大的JavaScript前端框架,它提供了丰富的用户界面组件,用于构建富互联网应用程序(RIA)。在EXTJS中,布局(Layout)是控制组件如何在容器中排列和展示的关键概念。"Table Layout"是EXTJS中的一种...

    Extjs4使用要点个人整理

    1. **控件属性**:在`Extjs 控件属性.doc`中,可能会涵盖ExtJS 4中的各种组件(如窗口、面板、表格等)的常用属性。这些属性用于定义组件的行为、外观和交互方式。例如,宽度(width)、高度(height)、标题(title...

    extjs2----关于extjs 的使用,操作

    ExtJS基于组件模型,允许开发者构建复杂的用户界面,这些组件可以是按钮、表格、表单、面板等。每个组件都有自己的属性、方法和事件,通过灵活组合这些组件,可以创建出功能丰富的Web应用。 在提供的文件"ExtJS 2.0...

    extjs3.0 API 中英

    5. **表单组件**:ExtJS 3.0包含一系列强大的表单组件,如文本框(TextField)、复选框(Checkbox)、下拉列表(ComboBox)等,它们都支持验证和数据绑定。 6. **图表组件**:通过ExtJS的Charts模块,开发者可以...

    ExtJS_API_3.0_中文chm+英文chm.rar

    4. **表单组件(Form Components)**:ExtJS提供了一系列的表单组件,如文本字段(TextField)、选择框(ComboBox)、日期选择器(DateField)等,以及强大的表单处理功能,包括验证、提交和远程加载。 5. **Ajax和...

    很不错的ExtJs PPT

    2. **Form**:表单组件,如TextField、TextArea、Checkbox、ComboBox等,用于数据输入和验证。 3. **Grid**:表格组件,用于显示和操作大量数据,支持分页、排序、过滤等功能。 4. **Tree**:树形组件,用于展示层次...

Global site tag (gtag.js) - Google Analytics