`
zzc1684
  • 浏览: 1222651 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

easyui-textbox禁用时,增加样式

阅读更多

概述

easyui的表单的textbox本身是有disabled参数的,但是开启禁用时textbox的样式是没有变化的,导致在禁用时候,用户不能明显的分辨是否禁用该项,因此扩展一下,在禁用textbox时,增加textbox的样式,便于用户区分。
此项不能通过扩展实现,因此只能更改源码。

实现

在eaysui.js的页面中找到如下代码:

1.

tb.find(".textbox-text,.textbox-value").attr("disabled", "disabled");

 更改为:

tb.find(".textbox-text,.textbox-value").attr("disabled", "disabled").addClass('textbox-disabled');

 

2.

tb.find(".textbox-text,.textbox-value").removeAttr("disabled")

 更改为:

tb.find(".textbox-text,.textbox-value").removeAttr("disabled").removeClass('textbox-disabled');

 通过更改textbox的禁用时的样式,在依赖textbox的combo、combobox、numbobox、datebox、datetimebox等控件均继承了该更改,实现了添加其禁用表单的样式

分享到:
评论

相关推荐

    easyui-textbox和easyui-combobox的onchange事件响应实例

    `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素,提供了更多的样式和功能选项。`easyui-combobox` 则是一个下拉选择框组件,允许用户从预定义的选项列表中选择一项。这两个组件在网页...

    基于easyui-textbox的颜色选择器及源码

    本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...

    easyui textbox失去焦点事件及获取文本框的内容

    我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:<input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/> ...

    EasyUI textbox事件,EasyUI textbox input events

    在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...

    jquery-easyui-EDT-1.5.2-build1

    jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1

    easyui的eas-text绑定输入时监听值变化 提供两种方式,亲测可用

    自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可

    easyui-lang-zh_CN.js,easyui汉化包

    easyui插件的支持日期汉化,分页汉化,form表单提示汉化。

    更改easyui-datebox日期格式

    解决easyui-datebox日期格式,只需引入此包即可,不需改源码

    jquery-easyui-1.2.2 jquery-easyui-1.2.2

    jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2

    jquery-easyui-1.3.5

    在实际使用`jquery-easyui-1.3.5`时,开发者通常会结合HTML模板、CSS样式和JavaScript脚本来创建页面。HTML用于结构,CSS用于样式,而JavaScript则负责交互逻辑。EasyUI的组件大多数可以通过添加特定的类名和属性来...

    easyui-lang-zh_CN(汉化包).js

    easyui日期,时间框汉化包,汉化easyui日期控件,时间控件。

    jquery-easyui-EDT-1.4.2-中文文档

    5. **各种样式**:EasyUI 支持多种预设的样式主题,开发者可以根据项目需求选择合适的主题,或者自定义自己的样式。这使得应用能够拥有统一且专业的视觉效果。 6. **版本信息**:`EDT-1.4.2` 表明这是 EasyUI 的一...

    jquery-easyui-1.7.0.zip官方文档

    《jQuery EasyUI 1.7.0:打造高效前端界面的利器》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中,这个强大的...

    jquery-easyui-1.0.5的API中文说明文档

    jquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cn

    jquery-easyui-1.5.5.zip

    easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...

    jquery-easyui-1.5后台模板.zip

    jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip

    可拖拽布局组件easyui-portal

    在`压缩包子文件的文件名称列表`中,我们看到的"可拖拽布局组件easyui-portal"可能包含以下内容:示例代码、样式表、JavaScript库、文档说明以及可能的预设布局文件。这些文件将帮助开发者更好地理解和使用`EasyUI-...

    用easyui-filebox上传Excel文件(ASP.NET MVC)

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用EasyUI的FileBox组件实现Excel文件的上传功能。EasyUI是一个基于jQuery的用户界面库,提供了丰富的组件,如FileBox,用于处理文件选择和上传操作。而MVC...

    jquery-easyui-1.5.5

    该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css

    easyui-tree多级菜单并动态与数据库交互

    在本项目中,我们主要探讨的是如何利用EasyUI框架创建一个具有多级菜单功能的树形结构,并且能够与后台数据库进行动态交互。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括我们这里用到的树形控件(tree)。...

Global site tag (gtag.js) - Google Analytics