easyUI样式之easyui-switchbutton

HTML文件

<tr>
     <th>是否发送短信:</th>
      <td>
       <input id="sendTxt" name="sendTxt" class="easyui-switchbutton" onText="是" offText="否" width="100px" checked="checked"/>
       </td>
</tr>

JS文件

初始化:
$("[switchbuttonName=‘sendTxt‘]").switchbutton("check");
传递值var param = {
            sendTxt : $("[switchbuttonName=‘sendTxt‘]").switchbutton("options").checked,
        };

效果图:

以上!!!

时间: 2024-10-18 15:09:28

easyUI样式之easyui-switchbutton的相关文章

SharePoint 2010 中使用Ztree和EasyUI样式冲突问题

<style type="text/css"> /*解决ztree和SharePoint样式冲突问题*/ .ztree li a { display: inline-block !important; padding: 1px 3px 0 0 !important; height: 18px !important; } .ztree li ul { margin: 0 !important; padding: 0 0 0 18px !important; } /*解决tre

EasyUI样式在IE下无法显示原因总结

1.js css顺序错误 <script type="text/javascript" charset="utf-8" src="js/jquery-easyui-1.3.6/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/jquery-easyui-1.3

EasyUI 扩展自定义EasyUI校验规则 验证规则(常用的)

例如 校验输入框只能录入0-1000之间 最多有2位小数的数字 表单<input type="text" id="rate" name="rate" required="true" class="easyui-validatebox"  validType="rateCheck[0,1000]"  maxlength="6" /> $.extend($.f

easyui(一) 初始easyui

中午贪睡,睡到3点多,爬起来赶紧学习,学习是我快乐(自我催眠).哈哈~ --WH 一.什么是easyui? 学习一个东西,最重要的是知道它的定位(是干嘛的,基本的用法是什么,快速入门),其实easyui也非常简单,不要觉得很难. easyui就是一个前端框架,JQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,

[Easyui - Grid]为easyui的datagrid、treegrid增加表头菜单,用于显示或隐藏列

为easyui的datagrid.treegrid增加表头菜单,用于显示或隐藏列 /** * @author 孙宇 * * @requires jQuery,EasyUI * * 为datagrid.treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中 */ var createGridHeaderContextMenu = function(e, field) { e.preventDefault(); var grid = $(this);/* grid本身 */ var

EasyUI闪屏,EasyUI页面加载提示:原理+代码+效果图

使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了. 刚刚开始很混乱,等加载完成后,就好了. 参考这篇文章http://blog.csdn.net/zheng0518/article/details/12287801 搞定了. $.parser.onComplete,这个是在所有组件解析完成后执行的事件.其实这个事件很有用的.很多在布局用到easyui的时候总会出现一个问题.就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了. 其实

【EasyUI总结】EasyUI开发中遇到的坑

普遍: 1.easyui在书写键值对的时候要注意是否要加引号,在需要加引号的地方不加则无法渲染: datagrid数据网格: 1.datagrid默认请求方式是post,如果要使用分页功能pagination,则需要把请求方式method设为get: 2.分页功能的pageSize必须是pageList数组中的其中一个数字,否则会出现url传递的rows=NaN错误: 3.columns因为有可能做成复合列头,所以它本身是一个数组对象,格式[[],[]...],并且属性field必须和返回的数据

【easyUI】取消easyui行点击选中事件,智能通过勾选checkbox才能选中行

背景:项目中使用easyui作为前端架子.datagrid默认是点击行就选中此行然后变色. 需求:点击行不让此行选中:只能通过点击复选框才能选中某一行. 解决思路: 1.写点击行函数function onClickRow(rowIndex,rowData){} 2.查询当前datagrid所有选中行. 3.遍历选中行.对比选中行索引和点击行的索引:如果点击行的索引在所有选中行中,则取消点击行的选中状态:如果不存在,则选中点击行. 代码: <script type="text/javascr

jquery easyui+spring mnv 样式引不进,需要加载静态资源

前台用的EasyUI,页面中引入了easyUI的js与css(引入路径正确),但是无论如何都显示不出来, 如下图: EasyUI的样式没有,看控制台:警告,找不到 [java] view plaincopyprint? 21:26:25,643 WARN [org.springframework.web.servlet.PageNotFound](http-localhost/127.0.0.1:8080-1) No mapping found for HTTP request with URI