给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 相关文章推荐
解决 firefox 不支持 document.all的方法
Mar 12 Javascript
斜45度寻路实现函数
Aug 20 Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 Javascript
手机端实现Bootstrap简单图片轮播效果
Oct 13 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
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
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
完美的php分页类
2017/10/24 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
node中的session的具体使用
2018/09/14 Javascript
VUE中使用HTTP库Axios方法详解
2020/02/05 Javascript
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
Python编程之多态用法实例详解
2015/05/19 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
python多线程并发实例及其优化
2019/06/27 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
正则给header的冒号两边参数添加单引号(Python请求用)
2019/08/09 Python
pygame实现非图片按钮效果
2019/10/29 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
python使用建议与技巧分享(一)
2020/08/17 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
strstr()的简单实现
2013/09/26 面试题
车辆转让协议书
2014/09/24 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python