随笔分类 -  EauiUI

摘要：今天认真测试了下easyui的一些兼容性问题，发现在ie9 ie10 首次加载的时候，会出现如下bug。如图所示：认真看了下，我估计是脚本重复引用的问题，我用的iframe框架的模式。登陆系统后，桌面首页也加载了同样的jquery的脚本。后来，我把加载首页的代码加了1毫秒的延迟，问题就解决了。代码如下：setTimeout(function () { $("#tabs").tabs('add', { title: '个人桌面', content: createFrameByTab('/home/desktop.aspx'), 阅读全文

摘要：1.combobox如果单选，multiple必须也设置为true。这个ie7如果没设置，会保持多选状态，算是一个bug。2.combobox 最好用js来渲染，而不是一开始就class=“easyui-combobox”，这样可以提高效率，当然其他控件也是如此。3.ie6下datebox和datetimebox渲染确实挺慢，还是my97datepicker比较好。4.闪烁的问题，可以先用遮罩造成假象来提高用户体验。5.注意逗号，datagrid 在ie6下多个逗号就会报脚本错误，而其他浏览器经常会忽略逗号。6.datagrid分页控件自定义按钮解析成 href=“javascript：voi 阅读全文

摘要：今天碰到了个很蛋疼的问题。我用到了easyui 的treegrid，内容只显示一列，我把它设置成了冻结列。在谷歌调试下，因为内容比较多，所以，会有竖向的滚动条。但是，到了ie和火狐，滚动条神奇般没了。。。蛋碎啊，我找啊找啊。最后，我抱着试试看的心情，把frozencolumn设置成column，结果，神奇的三个浏览器都兼容了。竖向滚动条出来了。。介个是什么原因啊。有谁对easyui有深入研究的，可以告诉我下。。 阅读全文

摘要：判空D一种方式： var sValue = $('#selGlade').combobox('getValue'); if (sValue == "") { $.messager.alert("错误", "请选择年级！","info"); return false; }加入 请选择：前端方法： var DicHandler = "...."; function Combobox(id, type) { $('#' + id).combobox({ 阅读全文

摘要：效果图：代码如下：html：<a href="javascript:void(0)" id="mb" class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-edit'"> Edit</a><div id="mm" style="width: 150px;"> <div id='mdm'>Oper <d 阅读全文

摘要：死马开源的一个easyui的弹出移动选择插件：地址：http://www.kaifa360.com/blog/page/selectdialog.aspx 大家多多支持！工作室会定期开源一些我们认为实用和使用频率比较高的一些组件，这也是我们技术团队对技术的一种分享精神，请使用者务必遵守我们或者说软件行业的开源精神（国内的希望能秉承这种精神）我们会将这一精神继续下去，而不断壮大和提高我们的技术实力和开源项目.在使用EasyUI开发的时候，我们经常可以看到截图这样的功能要求，如选择人、选择部门这样的采集形式，工作室考虑到了该控件的实用性特此封装了由部分EasyUI控件，组成了自定义组件selec. 阅读全文

摘要：UI完全参照死马的权限系统。特此，我对死马强烈的表示，我爱死你了。。来亲个。哈哈。受益匪浅啊。最近看了很多套权限系统，比如浪奔的权限系统，也是基于EasyUI的，是mvc4的。特点是，有弹出框选择赋值。刚好我项目有些功能可以参考下。比如孙宇的sypro系统，虽然不是用.net，但是写得真心不错 。看过他讲的一些EasyUI视频教程，也是个老好人。对此表示感激。秀才哥的没看过，但是大概可以猜得到，有时间我也做点个性化配置吧。大家都是我学习的榜样。自己之前的项目都有自己的权限系统，大部分只是控制到页面，比如业余EasyUI做的那套cms。以后有时间，extjs也做套，细化到按钮的。源码： web技 阅读全文

摘要：可以说，Extjs是系统类项目最好的UI（前端用户界面）选择，特别是自从Extjs4.0出来后，不管是代码美观还是性能的提高，及其功能之强大，说它排第一，无可厚非。当然，最近也蛮流行EasyUI这个轻量级的，据说是国人开发的UI。 其实，也是很不错的。大家可以根据自己项目的情况来进行选择。 废话不多说，我们先下载官方的源码包，解压引入样式和脚本： <link href="Content/Extjs4.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" /&g 阅读全文