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等控件均继承了该更改,实现了添加其禁用表单的样式

时间: 2024-10-12 16:46:28

easyui-textbox禁用时,增加样式的相关文章

[转]easyui常用控件及样式API中文收藏

[转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报 分类: java ee(5) 目录(?)[+] CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.true[是] false[否] 2)       shadow:是否显示窗口阴影.true[显示] false[不显示] div easyui

【转】PHP cookie禁用时session 方案

转载地址:PHP cookie禁用时session 方案 在PHP中使用过SESSION的朋友可能会碰到这么一个问题,SESSION变量不能跨页传递.这令我苦恼了好些日子,最终通过查资料思考并解决了这个问题.我认为,出现这个问题的原因有以下几点:1.客户端禁用了cookie2.浏览器出现问题,暂时无法存取cookie3.php.ini中的session.use_trans_sid = 0或者编译时没有打开--enable-trans-sid选项 为什么会这样呢?下面我解释一下: Session储

jQuery的属性与样式之增加样式.addClass(),删除样式.removeClass()

用于动态增加class类名 .addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项: .addClass()方法不会替换一个样式类名.它只是简单的添加一个样式类名到元素上 简单的描述下:在p元素增加一个newClass的样式 <p class="orgCla

EasyUI TextBox的keypress

关于EasyUI TextBox的事件好像不多,像keypress,keydown在textbox的事件里都没有,所以要用这些事件要采取一些特殊的方法,今天用到了这些就记录一下,有两种方法, 第一种: 1 $('#txtPwd').textbox({ 2 inputEvents: $.extend({}, $.fn.textbox.defaults.inputEvents, { 3 keypress: function (e) { 4 if (e.keyCode == 13) { 5 UserL

Easyui 去掉datagrid 行的样式,并点击checked 改边行颜色!

--最近客户提出的需求 全选高亮样式太丑,每行选中不需要背景图片颜色,字体变黑色,未选中变灰色. 先把代码和改变后的图片 贴出来. /* 初始化DataFrid数据 */ initDataGrid: function () { var pNumber = 0; var pSize = 10; $('#listBuyer').datagrid({ method: 'post', url: 'PR012_TradeRelationService.ashx?Method=GetPR012_TradeR

EasyUI TextBox的onkeypress事件

关于EasyUI TextBox的事件好像不多,像keypress,keydown在textbox的事件里都没有,所以要用这些事件要采取一些特殊的方法,今天用到了这些就记录一下,有两种方法 方法1: var t = $('#txtPwd'); t.textbox('textbox').bind('keypress', function (e) { if (e.keyCode == 13) { // when press ENTER key, accept the inputed value. /

easyui textbox 内容改变事件 增加oninpu 类似事件,

//======================利用easyui验证功能,进行内容变化监控=== =============$(function () { var CustomerService = $.parseJSON($('#CustomerService').val()); $.extend($.fn.validatebox.defaults.rules, { //校验正整数,并计算码洋 calculateMY: { validator: function (value) { var d

easyui textbox 设置只读不可编辑状态

在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效.依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的标签块.  具体我也忘记了,反正知道有这么会事就可以啦, --输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁

easyui textbox 赋值

$('#fireInfo').textbox('setValue', tempData.fireInfo); $('#fireStartTime').datetimebox('setValue', timeStamp2String(tempData.fireStartTime)); 总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样 为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", v