最新消息:本站持续更新中,请注意添加收藏夹。搜索关键词时,多换一个同义词。比如要搜索界面,可以尝试页面,画面,PER档等词汇。善于搜索,将大大提高你的查找效率。

ecology开发之开关组件

底层代码 bron1984 10813浏览
组件 开关组件
功能说明 基于jQuery的将checkbox美化为开关的插件,其特点如下:
1、开发人员开发时完全按照原有的checkbox写法书写,增加一个属性标识即可;
2、继承checkbox框的click事件触发机制;
3、常用于类似【启用/禁用】等二选一状态的情形。
使用说明 1.引入如下js
如果没有引入以下js,那么需要引入以下js:
<link href=”/js/checkbox/jquery.tzCheckbox_wev8.css” type=text/css rel=STYLESHEET>
<script type=”text/javascript” src=”/js/ecology8/jNice/jNice/jquery.jNice_wev8.js”></script>
2、给需要格式化为开关组件的checkbox框增加如下属性:
<INPUT type=”checkbox” tzCheckbox=”true” class=InputStyle name=”norepeatedname” value=”1″ >
注意:
红色标注的样式或ID是固定的,不能改动!
3、当页面加载完成后,在页面上调用如下方法
jQuery(document).ready(function(){
jQuery(“input[type=checkbox]”).each(function(){
if(jQuery(this).attr(“tzCheckbox”)==”true”){
jQuery(this).tzCheckbox({labels:[”,”]});
}
});
});
效果图如下:

例子 例子:http://192.168.4.44:8080/docs/category/DocMainCategoryBaseInfoEdit.jsp?id=15&refresh=1
组件初始化参数 是否必须 类型 描述
对checkbox提供了以下功能函数
方法1 返回类型 描述
jQuery(obj).trigger(event,checked) 用于更改美化后的checkbox状态
方法参数 是否必须 类型 描述
event string 取值checked
checked boolean checkbox更改后状态
方法2 返回类型 描述
jQuery(obj).trigger(event,disabled) 更改checkbox框的禁用和启用状态
方法参数 是否必须 类型 描述
event string 取值disabled
disabled boolean checkbox更改后禁用或者启用状态
方法3 返回类型 描述
jQuery(obj).trigger(event) 解除Checkbox框的美化
方法参数 是否必须 类型 描述
event string 取值rbeauty

转载请注明:赫非域 » ecology开发之开关组件