easyui

easyui页面一打开的时候出现短暂混乱的问题,解决办法

偶尔善良 提交于 2019-11-29 01:50:41
很多同学在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析, 解决办法:要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。 首先你在body下面第一行加入一个载入提示遮罩div <div id='Loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%; background:#DDDDDB url('style/images/bodybg.jpg'); text-align:center;padding-top: 20%;"> <h1> <image src='style/images/loading.gif'/> <font color="#15428B"> 加载中··· </font> </h1> </div> 再在head里面就加入一段js: <script> function closes(){ $("#Loading").fadeOut("normal",function(){ $(this).remove(); }); } var pc; $.parser

ASP.NET快速开发框架,这样才是高逼格上档次后台管理UI界面

不羁的心 提交于 2019-11-29 00:34:11
从事web开发这么多年了,UI一直是我的痛,第一个用的是Ext,授权费用高暂且不说,那个前端框架实在是臃肿,肿到要用Chrome浏览器才顺畅。 然后就是easyUI,比ext是轻巧,但是商用也一样要授权费用,可能是因为我有洁癖,总感觉那前端框架还是有点臃肿,并且不好控制。 后来我前端技术太高了不少。于是自己基于jQuery自己写了一套前端框架,已经经过了一些项目的提炼,兼容性非常不错,比一般的前端框架精简多了,而且告别了那种千篇一律的风格,不少朋友直呼高大上! 由于我的后台是基于ASP.NET MVC后来把前端和MVC作了整合,再加入权限管理和一些常用功能,才形成了一套快速开发框架。 下面给出免费体验地址和一些截图,希望有兴趣的朋友能得到一些启发。 来源: https://my.oschina.net/u/4148883/blog/3099944

EasyUi 动态tabs 在实际项目中遇到问题与解决方法

痞子三分冷 提交于 2019-11-28 19:21:37
需求: 1、点击菜单列表新增tab 2、点击切换按钮,隐藏左侧列表,tab宽度100%,再次点击还原 3、tab标签页的内容会用到bootstrap table插件与echart插件 遇到的问题 1、新增的iframe 高度用百分比在谷歌浏览器中无效 解决方法:设置Iframe的高度为内容的高度,如果使用了bootstrap table插件,由于bootstrap table的高度也是JS设置的,在Iframe加载bootstrap table 的时候,bootstrap table高度还没有执行完毕,导致Iframe高度很小,可以采用先设置Iframe的高度,并用localstorage存储,bootstrap table插件获取localstorage存储的高度并设置。 2、点击切换按钮tabs的resize方法无效 解决方法:使用setTimeout(fn,time) 3、鼠标移到iframe上会有滚动条 解决方法:鼠标浮上去的时候会显示tooltip ,不把tooltip追加到dom中 完整的例子如下 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>添加信息</title>

easyui 框架Layout插件

倖福魔咒の 提交于 2019-11-28 12:20:03
1:引入的css: <link rel="stylesheet" href="${rc.contextPath}/static/easyui/themes/custom/easyui.css"> <link rel="stylesheet" href="${rc.contextPath}/static/easyui/themes/icon.css"> <link rel="stylesheet" href="${rc.contextPath}/static/easyui/themes/color.css"> 2:引入的js: <script src="${rc.contextPath}/static/easyui/jquery.min.js"></script> <script src="${rc.contextPath}/static/easyui/jquery.easyui.min.js"></script> <script src="${rc.contextPath}/static/easyui/easyui-lang-zh_CN.js"></script> 3:html文件 <body class="easyui-layout"> <div data-options="region:'north'" style="height: 60px; background: