easyui学习
hqmln
这个作者很懒,什么都没留下…
展开
-
easyui使用的两种引用方式
easyui使用的两种引用方式:1.easyui全部引用<!-- easyui需要的全局css --> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <!-- easyui的小图标css --> <link rel="sty原创 2011-09-22 16:03:07 · 561 阅读 · 0 评论 -
修改Messager中的alert方法info默认图片
在项目中有个同事说alert中info的那个图片太丑了,能不能换个好看的,其实换那个很简单就是覆盖原来的css样式 <style type="text/css"> .messager-info{ background:url('images/icons/ok.png') no-repeat scroll left top; } </style>...原创 2012-03-14 12:51:37 · 327 阅读 · 0 评论 -
easyui的按钮点击时layout布局west隐藏
当我们在用easyui的laoyout布局时,如果显示主页面采用的是tabs并且每添加一个tab时嵌套一个ifram,而在iframe中引用的界面有link-button按钮时,在IE8会出现点击该按钮west隐藏,解决方案如下:<a href="javascript:void(0)" onclick="goAcctBack();" class="easyui-linkbutton" i...原创 2012-10-26 17:30:47 · 1281 阅读 · 0 评论 -
判断页面是否有window、messager显示
判断页面是否有window、message显示 /** *页面是否已经打开window框 */ function hasWindow(){ var len = $(".messager-body").length; if(len==0){ return false ; }else{ return true; } }...原创 2012-03-26 17:23:30 · 276 阅读 · 0 评论 -
combotree的setValue指定值后不能展开
$.extend($.fn.combotree.methods, { /** *使用范围,全部加载数据即非异步加载 *功能说明:我们用原始的setValue的方法时,如果选择的元素在第3级的话不会进行展开,所以写了此扩展方法 */ setExpandValue:function(jq,v){ var o = jq[0] ;...原创 2012-07-31 11:01:17 · 406 阅读 · 0 评论 -
easyui验证扩展
我们都知道easyui的验证就提供了几个简单的,远远是不够我们使用的,我对其进行了写常用的扩展,主要包括CHS中文 english英文 ip zip邮政编码 qq号 mobile手机号 tel电话 number数字 integer整数 range范围minLength最小值 maxLength最大值 selectValidcombobox的验证 equalTo相等...原创 2012-11-15 10:45:35 · 67 阅读 · 0 评论 -
easyui验证的删除和恢复
昨天群里讨论easyui验证动态的添加和删除时,群主给出了一个地址,在此做个标记 $.extend($.fn.validatebox.methods, { remove: function(jq, newposition){ return jq.each(function(){ $(this).removeClass("va...原创 2012-11-15 11:51:47 · 195 阅读 · 0 评论 -
火狐下easyui1.3.1弹出window框定位不到中间
今天在测试easyui升级的时候,出现了一个问题就是弹出window窗口时顶部给隐藏掉了,但是在ie下缺正常如下图:火狐页面如下: ie页面如下:红色是为body加的样式即body标签的宽度从图可以看出出现的问题是因为火狐的body不是全屏,而ie下的是全屏,所以需要给body标签加上全屏的样式<body style="width:100%;height:...原创 2012-11-15 13:02:04 · 139 阅读 · 0 评论 -
取到easyui的tab下iframe方法
我们在使用easyui的tab时,有时候需要每次点击tab头,动态刷新该tab下的iframe的内容tab的html如下: <div id="tab-user-right" > <div title="直接分配的操作权限" id="user-right-act"> <iframe scrolling="yes" framebo原创 2012-09-05 17:53:44 · 248 阅读 · 0 评论 -
easyui的combotree反写的方式
我们在使用easyui的combotree的时候肯定在修改的时候需要反写值,即所谓的设置值。现在总结下设置值得方法1.在初始化的是指定value属性例如: $('#contDomain').combobox({ url:'${ctx}/dict/pub/dict-select.action?cateEname=contDomain', valueFiel...原创 2012-06-27 15:30:53 · 142 阅读 · 0 评论 -
easyui验证扩展包括半角.
easyui验证扩展包括半角. $.extend($.fn.validatebox.defaults.rules, { english_Halfperiod : {// 验证只能输入英语字母,数字和半角. validator : function(value) { return /^[A-Za-z0-9\.]+$/i.tes...原创 2012-06-25 14:01:31 · 78 阅读 · 0 评论 -
datagird分页查询问题
在使用datagrid查询时,如果把当前页不在第一页的话,查询时会遇到下面情况:1.查询时分页不在第一页2.如果rownumber=true的话,查询出来的数据编号不对3.分页对应的显示信息不对//查询 function searchList(){ var queryParams = $('#regList').datagrid('options')....原创 2012-02-15 15:28:16 · 118 阅读 · 0 评论 -
css a:hover属性使用发现问题
在看easyui的linkbutton的源码样式时,发现了一个特殊问题,在IE下使用如下样式a:hover.l-btn-plain{ border:1px solid #7eabcd; background:url('images/linkbutton/button_plain_hover.png') repeat-x left bottom; _padding:0px 5p...原创 2011-09-27 11:09:24 · 359 阅读 · 0 评论 -
panel中没有title整个头不显示
在使用easyui-panel中,如果div中没有指定title属性,即使指定了iconCls="icon-save" collapsible="true" minimizable="true" maximizable=true closable="true"等属性,也不会起作用的,看不见按钮的。没有title的html代码如下:<div id="p" class="e原创 2011-09-27 17:33:47 · 690 阅读 · 0 评论 -
panel源码分析
我们使用easyui的panel时,只需要指定一个div和相关的属性就可以生成带操作按钮的panel。原始div的代码为:<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;" title="My Panel" iconCls="icon-save" colla..原创 2011-10-08 13:25:28 · 251 阅读 · 0 评论 -
tabs源码分析
easyui的tabs源码分析使用原始的html div代码: <div class="easyui-tabs" id="testtabs" fit="true" plain="true" style="height:100px;width:300px;"> <div title="Title1" style="2011-10-10 11:37:01 · 402 阅读 · 0 评论 -
eayui的validatebox分析
在分析eayui的validatebox的源代码中发现,该验证框架不支持删除验证的方法,在api中可以看见有个destroy方法,这个方法不是用来删除验证的,而是把元素和验证都一块删除,所以不符合逻辑。为此我写了一个删除验证的方法:/**@param elemId 元素的id*删除easyui已有的验证*/function delRules(elemId){ va...2011-10-11 15:12:11 · 120 阅读 · 0 评论 -
datagrid扩展editor
easyui1.2.4支持了数据编辑功能,但提供的东西有限,所以需要自己进行扩展。下面是扩展一个datetimebox的编辑器。$.extend($.fn.datagrid.defaults.editors, { datetimebox: {//datetimebox就是你要自定义editor的名称 init: function(container, optio...原创 2011-11-17 14:50:44 · 97 阅读 · 0 评论 -
datagrid的扩展
finder: function(jq, conditions){ if(!$(jq).data("OriginalData")){ $(jq).data("OriginalData",$(jq).datagrid("getData").rows); } var rows = $(jq).datagrid("getRows"); var resluts =[]...原创 2011-11-23 22:50:06 · 217 阅读 · 0 评论 -
easyui中datagrid查询时使用对象名
easui中查询的时候如果使用的是对象,在查询中得到了支持 function searchList(){ var queryParams = $('#regList').datagrid('options').queryParams; //queryParams.page = "1"; query...原创 2012-02-15 10:17:12 · 69 阅读 · 0 评论 -
easyui datagird 拖拽
http://www.jeasyui.net/extension/193.html http://www.jeasyui.net/extension/ http://blog.csdn.net/javaee_ssh/article/details/37889737 http://blog.gcpowertools.com.cn/post/2014/12/31/dragd...原创 2017-09-28 08:18:50 · 87 阅读 · 0 评论