给Easyui-Datebox设置隐藏或者不可用的解决方法

我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用easyui进行搭建，easyui是一种基于jQuery的用户界面插件集合。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。方便而且也比较美观。但是随着项目的进展，对于一些功能的选择上，需要给一些元素加一些样式。渐渐我发现easyui的一些控件对css的兼容性不是很好。于是我总结了一些解决方法如下，我解决的是easyui-datebox控件的隐藏。除此之外我也总结了一些其他控件隐藏或者设置不可用的方法，希望可以提供一些建议。

1.validatebox可以用的用法:前两种适用于单个的validatebox;

第三种应用于整个form里面的输入框;

 $("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly");
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#Form :input").attr("readonly", "readonly"); //对form里面的禁用
 $("input").attr("readonly", "readonly"); //对所有的input标签禁用

2.combobox禁用启用用法:

 $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false});
 $("#id").attr("readonly", "readonly"); //对单个禁用 ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-combobox").combobox({ disabled: true }); //对form里面的下拉框禁用
 $("#ID").combobox("disable"); ------ $("#ID").combobox("enable");

3.datebox与datetimebox禁用启用方法:

 $("#fm .easyui-datebox").datebox({ disabled: true }); ----- $("#fm .easyui-datebox").datebox({ disabled: false});
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });

4.还有一种比较投机取巧的方法，但是也可以用    例子如下：

<div id=" divParent"style="margin:10px 0;">
<input id='test' class="easyui-datebox" ></input></div>

现在我要隐藏那个input ，既然不兼容，那我就隐藏他父元素。

$("#divParent" ).css("display", "none");

以下是设置不可用的方法：

$("#test").datebox({
  disabled: true
 });
赞 (0)

相关推荐

  • jQuery EasyUI API 中文文档 - DateBox日期框

    jQuery EasyUI API 中文文档 - DateBox日期框

    扩展自 $.fn.combo.defaults.用 $.fn.datebox.defaults 重写了 defaults. 依赖 combo calendar 用法 复制代码 代码如下: <input id="dd" type="text"></input> 复制代码 代码如下: $('#dd').datebox({ required:true }); 特性 其特性扩展自 combo,下列是为 datebox 增加的特性. 名称 类型 说明

  • 浅谈jQuery.easyui的datebox格式化时间

    方法很简单,这里就不多废话了,直接奉上代码: $.fn.datebox.defaults.formatter = function (date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); return y + '/' + (m < 10 ? ('0' + m) : m) + '/' + (d < 10 ? ('0' + d) : d); } 以上所述就是本文的全部内容了,

  • jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    先给大家分享数据校验显示效果 Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦. 前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validate

  • jQuery插件EasyUI校验规则 validatebox验证框

    Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦. 前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较

  • jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    用 $.fn.validatebox.defaults 重写了 defaults. 用法 复制代码 代码如下: <input id="vv" required="true" validType="email"> 复制代码 代码如下: $('#vv').validatebox({ required:true }); 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email

  • 给Easyui-Datebox设置隐藏或者不可用的解决方法

    我们公司做的是一套安全监测系统.所以呢对于前台页面没有像一些门户网站布局那么丰富,特效特别炫.目前只需要一套简单的UI界面即可,所以我选择了用easyui进行搭建,easyui是一种基于jQuery的用户界面插件集合.使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面.方便而且也比较美观.但是随着项目的进展,对于一些功能的选择上,需要给一些元素加一些样式.渐渐我发现easyui的一些控件对css的兼容性不是很好.于是我总结了一些解决方法如下,我解决的是e

  • DNS服务器可能不可用的解决方法

    记录一下碰到的问题 问题的详细情况是:计算机能够上网,但是打开某个网页的时候显示DNS服务器可能不可用 背景是:从武汉到上海,能够ping通网关,不能ping通DNS服务器,可以上网,但是某个网页显示DNS可能不可用 如下图:网页无法打开,用windows诊断的结果 然后是在运行cmd中输入ipconfig/all 查看网关和DNS服务器的地址 ping网关,可以ping通 pingDNS服务器,不能ping通 ping备用DNS服务器,不能ping通 这个时候我们可以设置一下DNS服务器的地址

  • Idea 2020.2安装MyBatis Log Plugin 不可用的解决方法

    之前使用Mybatis Log Plugin 是个非常顺的工具,刚才突然想用了,就又安装了一次就去使用了结果直接报错了,显示不能使用,仔细看了看,原来是没有授权,我用的是2020版本的idea,之前使用的2019的可以正常使用. 整理了一个2020可用的,亲测可用: 链接: https://pan.baidu.com/s/1kW0qAPcItDOMLIbjeLSU9A 提取码: xrh2 推荐阅读: IDEA2020.2.2激活码与IntelliJ IDEA2020注册码及IntelliJ全家桶

  • asp.net运行提示未将对象引用设置到对象的实例错误解决方法

    未将对象引用设置到对象的实例 一.网络上的一般说法 1.ViewState对象为Null. 2.DateSet空. 3.sql语句或Datebase的原因导致DataReader空. 4.声明字符串变量时未赋空值就应用变量. 5.未用new初始化对象. 6.Session对象为空. 7.对控件赋文本值时,值不存在. 8.使用Request.QueryString()时,所获取的对象不存在,或在值为空时未赋初始值. 9.使用FindControl时,控件不存在却没有做预处理. 10.重复定义造成未

  • ASP.NET在IIS7中上下文中不可用的解决方法

    Johnny换上Win7已经有几个月的时间,不过前几天重装了系统,依旧用的是Win7,只是今天在打开VS2009工程后在IE中测试时一打开便出现一个错误如下: 请求在此上下文中不可用 说明: 执行当前 Web 请求期间,出现未处理的异常.请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息. 异常详细信息: System.Web.HttpException: 请求在此上下文中不可用 源错误: 复制代码 代码如下: 行 28: protected void Application

  • firefox TBODY 用js显示和隐藏时出现错位的解决方法

    看下面这个例子: function body_load() { var obj = document.getElementById("tr1"); obj.style.display = "block"; } 第一行 第二行 第三行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 它在firefox中显示时,"第一行"被显示在最后一行. 于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.disp

  • 网站出现503(503 Service Temporarily UnavailableThe requested)服务暂时不可用的解决方法小结

    网站出现503(503 Service Temporarily UnavailableThe requested)服务暂时不可用的解决方法小结

    503是一种HTTP状态码,是服务器出错的一种返回状态,由于临时的服务器维护或者过载,服务器当前无法处理请求.这个状况是临时的,并且将在一段时间以后恢复.那么我们遇到503服务暂时不可用应该怎么办呢? 如果你是网站管理员 首先要检查你是否关闭了应用程序池.每个网站都对应了一个应用程序池(IIS服务器是如此),当然他们可能是相同的应用程序池,也能是不同的,查看出现503错误网站对应的程序池是否开启. 如果没有关闭应用程序池,那就要看看是否请求到达时应用程序池队列已满.每个网站都有其最大的负载量,当

  • iis6.0 应用程序不可用的解决方法

    一切配置好了,却发现应用程序不可用,真是非常郁闷; 第一种 重装iis后 1. 在iis6.0中web扩展服务中禁止asp.net v1.0 1. 没有加载asp.net v2.0, 在web扩展服务中添加.net asp v2.0. 名称随意,路径为: C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll,设置为允许; 对应的网站属性中 --> ASP.MET --> 选择 v2.0.50727; 2. 以上无效后, 建

  • IIS 7.5 设置允许下载exe文件的解决方法

    IIS 7.5 设置允许下载exe文件的解决方法

    网页需要打印功能,使用了lodop打印控件,需要用户计算机安装.没安装的用户计算机会提示下载安装程序,但是下载exe文件时,出现错误 401 - 未授权: 由于凭据无效,访问被拒绝. 解决办法: 1.设置MIME,让IIS支持更多文件类型,如果MIME类型中已经有.exe,这一步可以跳过. 打开IIS,选中服务器,点右键,属性里有MIME类型 添加扩展名:.exe (exe前面有个.) 类型:application/octet-stream 2.设置一下网站执行权限 (1)双击"处理程序映射&q

  • Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    自动补全也成自动完成,最经典的如google的搜索框,输入一个字母后会给用户很多提示选择 查看源码会发现input输入框加上了autocomplete="off",此为了屏蔽浏览器表单默认的记忆功能.淘宝,百度的搜索框也有该属性.autocomplete 属性是非标准的,首先在 IE5 中加入,后 其它浏览器 都 支持.html5 也将其列表标准. 但Firefox中有个Bug.首次提交后,FF会提示是否记住某某网站的密码,点击"记住"后 input[type=te

随机推荐