标签：

概述

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禁用时，增加样式

标签：

原文地址：http://my.oschina.net/xqx/blog/378240