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


Posted in Javascript onMay 26, 2017

我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富,特效特别炫。目前只需要一套简单的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 
 });
Javascript 相关文章推荐
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
JavaScript类和继承 prototype属性
Sep 03 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
js变换显示图片的实例
Apr 16 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
详解Document.Cookie
Dec 25 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 Javascript
手把手教你实现 Promise的使用方法
Sep 02 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 #Javascript
BootStrap中的Fontawesome 图标
May 25 #Javascript
Vue.js 中的 $watch使用方法
May 25 #Javascript
详解Javascript获取缓存和清除缓存API
May 25 #Javascript
Angularjs 实现动态添加控件功能
May 25 #Javascript
JavaScript实现自动跳转文本功能
May 25 #Javascript
angularjs项目的页面跳转如何实现(5种方法)
May 25 #Javascript
You might like
SONY ICF-F10中波修复记
2021/03/02 无线电
php中var_export与var_dump的区别分析
2010/08/21 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
LazyLoad 延迟加载(按需加载)
2010/05/31 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
Node.js 的异步 IO 性能探讨
2014/10/08 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JS中的进制转换以及作用
2016/06/26 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
Python和Java进行DES加密和解密的实例
2018/01/09 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
keras之权重初始化方式
2020/05/21 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
美的官方商城:Midea
2016/09/14 全球购物
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
一份婚庆公司创业计划书
2014/01/11 职场文书
同学聚会欢迎辞
2014/01/14 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
员工工作及收入证明
2014/10/28 职场文书
周年庆典答谢词
2015/01/20 职场文书
合同补充协议书
2016/03/24 职场文书
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
Python实现数据的序列化操作详解
2022/07/07 Python