easyUI, IE8兼容性问题

LuckyMe_ 2017-12-22 07:37:35

...全文

171 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

文档从一个完整项目的开发中总结的一些经验，包含了页面重复加载、页面加载慢(性能问题)、页面闪烁、页面不加载，报js错误等一系列问题的解决方案，内附部分源码和源码的分析，解析错误原因。

jQuery EasyUI 1.25静态页面示例动态左侧栏并且有扩展全静态 ie中可运行推荐ie7以上版本基本上没啥问题了就是对ie6兼容性不是很好

效果如下：选择：拖拽： jquery.simple.tree.官网地址： http://news.kg/wp-content/uploads/tree/（貌似已经打不开），不过因为操作比较简单，所以我们暂且用之。前面讲过jquery EasyUI Tree插件，简单易用，但经过测试仍有诸多缺点，　　例如：　　1、兼容IE8的AJAX有问题。　　2、如果异步返回数据较慢，将可能导致加载失败。　　3、我们只使用其中的Tree功能，但其体积实在有点庞大。… 而我们需要的是，兼容性好，异步，体积小（用Tree的场景实在比较少，所以还是专用的代码文件比较好。）好了，我们开始jquery.

用到的技术亮点：前端用到了easyUI Easyui：jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为提供了大多数UI控件的使用，如:accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。 jQuery EasyUI有以下特点: 1、基于jquery用户界面插件的集合 2、为一些当前用于交互的js应用提供必要的功能 3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel") 4、支持HTML5(通过data-options属性) 5、开发产品时可节省时间和资源 6、简单，但很强大 7、支持扩展，可根据自己的需求扩展控件 8、目前各项不足正以版本递增的方式不断完善 jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。用户可以组合使用这些组件，也可以单独使用其中一个。插件列表如下:（主要用到了以下插件）系统主要运用在：在系统的关于订单管理和用户管理页面都使用的是此框架。主要用到的是 datagrid(数据网格)这个插件。以上有操作文档前端用到了jQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。系统主要运用在：在系统中一些分页或者样式交互事件处理中使用到了（比如地址选择框）前端用到了ajax AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的技术。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容，必须重载整个网页页面。系统主要运用在：主要运用于系统的表单验证比如登录注册验证码以及一些需要不刷新页面的异步提交页面（在车票查询，登录注册表单验证页面使用到了，还有是一些删除操作也使用到了）前端页面使用的jsp（Java服务端网页(一种建立动态网页的技术,Java Server Page)） JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。系统主要运用在：本系统前端页面关于与后台交互的全部使用的jsp 后端使用的MVC三层架构模式三层架构(3-tier ar

自由宿主后台管理系统是一套通用后台管理系统，之所以给他加上“宿主”2个字，是因为这套系统本身没有自己的数据库，而必须依赖于其他数据库才能运行，自由指的是系统灵活性强，能够根据数据库表结构做一些简单的配置后系统就能够实现想要的功能。简单的说，就是系统没有根据特定的数据库来设计，你给他套上什么结构的数据库表，他就做什么样的事情。自由宿主Asp.net网站通用后台管理系统特点如下： 1. 后台本身没有数据库，自己设计数据库后，与后台连接，配置好节点后无需二次开发，直接就可以实现对数据库增删改查功能； 2. 后台密码支持自定义加密/解密算法，可以在设置登录表的时候进行配置； 3. 后台编辑界面可以根据配置自动生成编辑器，同时会自动生成验证脚本； 4. 后台支持多表关联，列表查询时候会自动根据关联字段显示相应内容； 5. 兼容IE6+，火狐浏览器等主流浏览器； 6. 对数据库表的操作，如增删改查操作只需要进行简单的设置即可完成，无需再进行任何编码实现。自由宿主Asp.net网站通用后台管理系统3.1正式版更新功能： 1. 修正首次登录页面设置登录表后出现404错误页面的问题； 2. 增加菜单权限控制，可以设置菜单是否有增删改功能；数据库升级方式请参见 http://www.tzhtec.com/art/6f456394186.aspx 自由宿主Asp.net网站通用后台管理系统3.0正式版更新功能： 1. 调整列表和编辑界面样式，列表修改为采用easyui的grid显示； 2. 编辑页面日期、编辑器和验证脚本整理，调整到脚本文件edit.js中，如果有其他需求，可以修改该脚本文件； 3. 增加oracle和mysql数据库支持，支持，系统可以支持ms sql、access、oracle和mysql等主流数据库； 4. 由于原来的jquery.ui在系统上使用并不多，在本次改版后去除了jquery.ui，css和js上有大量瘦身； 5. 登陆后主页显示的default.aspx页面修改允许用户自行修改设置； 6. 系统对平台要求提升，最低运行环境为framework3.5，不再对framework2.0进行支持； 7. 对SQL查询语句做了优化； 8. 系统架构重新调整；

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章