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

修复Ext 2.X的DateField在Firefox3里的BUG

阅读更多
修复Ext 2.X的DateField在Firefox3里的BUG
2009-05-29 20:41

FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

你必须在CSS中明确设置它的宽度。
Xml代码

   1. .x-date-middle {    
   2.      padding-top:2px;padding-bottom:2px;    
   3.      width:130px; /* FF3 */   
   4. }   

.x-date-middle {        padding-top:2px;padding-bottom:2px;        width:130px; /* FF3 */   }

另一种解决办法:
(来自lonelyblue的解决方法)
Js代码

   1. Ext.override(Ext.menu.DateMenu,{       
   2.      render : function(){       
   3.          Ext.menu.DateMenu.superclass.render.call(this);       
   4.         if(Ext.isGecko){       
   5.             this.picker.el.dom.childNodes[0].style.width = '178px';       
   6.             this.picker.el.dom.style.width = '178px';       
   7.          }       
   8.      }       
   9. });  

分享到:
评论

相关推荐

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    Ext DateField控件 - 只选择年月

    在IT行业中,尤其是在Web开发领域,用户界面(UI)的设计与功能实现是至关重要的。"Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。...

    Ext DateField控件 - 只选择年月插件

    Ext DateField控件是Ext JS库中的一个组件,主要用于处理日期相关的输入。在Web应用程序中,用户经常需要输入或选择日期,DateField控件提供了一个交互式的界面来完成这一任务。然而,有时我们可能只需要用户选择...

    EXT.form组件

    3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便快速定位选项。 4. `datefield`:`Ext.form.DateField`是日期选择组件,用户可以通过日历控件选择...

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    Ext Extjs 禁止文本和日期编辑

    在Ext JS这个强大的JavaScript框架中,开发者经常使用各种组件来构建富客户端应用,其中包括TextField(文本字段)和DatePicker(日期选择器)。有时,我们可能需要根据应用需求在运行时禁用这些组件的编辑功能,...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    EXT核心API详解

    1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 6、Function类 ...

    Ext-datatimefield日期与时间选择器精确至时分秒

    1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题

    Ext组件描述,各个组件含义

    ### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    Ext dateField扩展 可单独选择年月,年,月.可清空

    可清空”指的是在使用Ext JS(一个流行的JavaScript框架)开发Web应用时,对内置的dateField组件进行的一种自定义扩展。这个扩展允许用户在日期选择器中不仅可以选择完整的日期,还可以单独选择年份、月份,同时提供...

    ExtJS入门教程(超级详细)

    1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 6、Function类 ...

    ext日期控件时分秒

    在EXT JS这个强大的JavaScript框架中,日期控件是常见的组件之一,用于用户输入或选择日期。然而,标准的EXT JS日期字段(DateTimeField)默认仅支持日和月的选择,不包含时间部分,即小时、分钟和秒。为了解决这个...

    extjs帮助文档pdf版

    Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用方法**: - `Ext.create()`: ...

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

    extjs中 google 不兼容 datefield 控件

    在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...

    Extjs学习笔记之三 extjs form更多的表单项

    1.日期选择框,DateField 日期选择框在日常项目中被广泛应用,一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框: 代码如下: new Ext.form....

    ext_表单提交_数据校验

    #### 三、日期输入控件(Ext.form.DateField) `Ext.form.DateField`提供了日期选择功能,同时具备强大的校验机制。通过`format`参数,可以自定义日期的显示格式,如`'y-m-d'`。`disabledDays`参数允许禁用某些日期...

    EXT日期格式说明

    EXT日期格式是一种在编程和数据处理中常用的日期和时间表示方式。它允许开发者精确地定义日期和时间的显示格式,从而提高代码的可读性和一致性。EXT日期格式使用各种字符来代表日期和时间的不同部分,以下是一些主要...

Global site tag (gtag.js) - Google Analytics