`
zzc1684
  • 浏览: 1191121 次
  • 性别: 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等控件均继承了该更改,实现了添加其禁用表单的样式

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics