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

ExtJS为readonly设置不同的样式

阅读更多
首先写个readonly的样式
.x-item-readonly{color:#0B66B0;cursor:default;}


在Ext.form.Field类的initComponent方法中加
if(this.readOnly){
this.fieldClass="x-form-field x-item-readonly"
}

即可实现效果
分享到:
评论

相关推荐

    Extjs4.2 设置tabpanel当前活动页签的样式

    Extjs4.2 设置tabpanel当前活动页签的样式 Extjs是一个流行的JavaScript框架,用于构建丰富互联网应用程序(RIA)。其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是...

    图表颜色设置 extjs

    综上所述,ExtJS提供了灵活多样的方式来设置图表的颜色,既可以通过直接设置组件样式的方式,也可以采用更为优雅的CSS类方式。开发者可以根据项目的具体需求和个人喜好选择合适的方法。无论是哪种方式,都旨在帮助...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    ### Extjs4.2 根据不同的数值设置 TabPanel 行的背景颜色 #### 一、引言 在Web应用程序开发中,为了提高用户体验并使数据呈现更加直观易懂,开发者常常需要根据数据的不同状态来调整UI元素的样式。例如,在使用...

    下拉框设置为只读模式时不再弹出下拉框

    在网页设计和开发中,经常会遇到需要对交互元素进行特定控制的情况,比如将下拉框(Dropdown)设置为只读模式。"下拉框设置为只读模式时不再弹出下拉框"这个主题,主要涉及到HTML、CSS以及可能的JavaScript技术。...

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

    extjs12套皮肤样式

    "EXTJS12套皮肤样式"指的是EXTJS框架中预设的十二种不同外观设计,这些皮肤可以改变EXTJS组件的视觉样式,以满足用户界面的多样化需求。 皮肤在EXTJS中扮演着至关重要的角色,它们不仅决定了应用的外观,还直接影响...

    ExtJS的12种样式

    ExtJS的12种样式 挺丰富的. 有black.calista.darkgray.gray.green.indigo.midnight.olive.pink.purple.slate.slickness.

    extjs 自动为必填项增加提示后缀

    extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等

    ExtJS之实现华丽的皮肤主题更换

    extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤  1 直接添加其他css文件换肤 好多皮肤上网就可以收到的  如皮肤文件:xtheme olive zip下载  把皮肤文件解压 把css文件 如xtheme olive css 拷贝到...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!

    extjs_x主题样式文件

    extjs_x主题样式文件

    extjs 样式套装

    本资源“extjs 样式套装”包含十几套精心设计的样式,旨在为ExtJS应用提供多样化的界面风格选择。这些样式通常以CSS文件的形式存在,用于定义组件的颜色、布局、字体和其他视觉元素。通过应用不同的样式套装,开发者...

    EXTJS 多文件上传

    3. **进度条显示**:在文件上传过程中,EXTJS 提供了进度条来显示每个文件的上传进度,为用户提供实时反馈。 4. **错误处理**:如果某个文件上传失败,`MultiFileUploadField` 可以提供相应的错误提示,帮助用户...

    ExtJS grid过滤操作

    - **创建过滤器**:通过`grid.columns[i].filter`属性为特定列创建过滤器,并设置初始过滤条件。 - **应用过滤器**:调用`store.filter()`方法,传入过滤配置对象或过滤器数组,应用过滤条件。 - **清除过滤器**...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的组件系统非常适合构建这样的库,因为它支持自定义组件,并且可以提供丰富的样式和行为。 2. **画布**:工作流图是在一个可缩放的画布上绘制的。ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,...

    ExtJS如何自定义图片按钮组件

    1.ExtJS自定义组件,图片按钮为例. 2.此图片按钮背景完全为图片,没有边框,需要使用者提供2张图片,一张初始化用,一张点击后用,可在'imgPaths:'属性里填写,格式为'01.jpg~02.jpg' 3.解压后请将所有附件放置您extjs...

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

    EXTJS是一种基于JavaScript的前端开发框架,主要用于构建富互联网应用程序(RIA)。在EXTJS中,树形组件(Tree)是一种常见的数据展示形式,它能够以层级结构显示数据,广泛应用于目录浏览、组织架构展示等场景。...

Global site tag (gtag.js) - Google Analytics