Easyui还算不错的UI,很简单,但是不够Open!Uploadify很不错的基于jQuery文件上传的插件,漂亮的UI,支持多文件上传,等特性!当鱼遭遇熊掌会怎么样?
最近的一个项目恰好碰到了这两样,一个奇怪的问题是Uploadify在IE中折腾死也不能实现上传,而且还不报错,真是郁闷,基于版本(uploadify 2.1.4),搜遍了网络资源都没有解决,可能我们处于的问题的状态不一样。于是先写了简单一个测试页面,发现在IE中是可以的,但是为什么碰到了EasyUI就不行了呢?
对于JS的调试,就像我曾经的老大告诉我,你就删代码,知道他正常为止吧,虽说这是一个笨方法,但是还是很有效果的。就这样一行行的整理,终于找到了问题所在。我的页面结构是在EasyUI的DateGrid上面有一个添加的按扭,当点击添加时会弹出一个Form的div,发现如果不弹出这个框是没有问题的,我就猜测难道是EasyUI的#("#id").dialog(),方法有问题,
//添加 function add() { clearForm(); $("#updateForm").show(); $('#updateForm').dialog({ title:'添加折扣券', resizable:true }); }
难道是动态的改变了DOM,会对Uploadify造成影响,我试着在dialog方法之后,去加载Uploadify发现在IE中可以使用。埃。这个问题终于摆脱纠结了。。。
//添加 function add() { clearForm(); $("#updateForm").show(); $('#updateForm').dialog({ title:'添加折扣券', resizable:true }); //load uploadify loadUploadify(); } //load uploadify function loadUploadify() { if (!isLoadUploadify) { $('#image').uploadify({ 'uploader' : '../uploadify/uploadify.swf', 'script' : '${ctx}/image.do?action=save', 'cancelImg' : '../uploadify/cancel.png', 'folder' : 'uploads', 'buttonText': 'select images', //商品的图片 'auto' : false, 'onComplete' : function(event, ID, fileObj, response, data) { $("#img").val(response); } }); } isLoadUploadify = true; //定义的全局变量,初始值为false为了解决重复加载Uploadify的问题。 }
相关推荐
jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了创建用户界面的过程,提供了丰富的组件和功能。这个压缩包文件包含的内容将有助于我们深入了解和使用 jQuery EasyUI。 首先,jQuery EasyUI 是一个轻量级...
在Web开发领域,jQuery、EasyUI和zTree都是常见的JavaScript库和框架,它们极大地提高了开发效率,特别是对于构建用户界面。本篇文章将详细介绍如何将EasyUI与zTree结合使用,以及这两个库的基本功能。 EasyUI是一...
本项目基于Easyui和Thinkphp开发,包含296个文件,包括PNG图片、PHP源代码、HTML页面、JavaScript脚本、GIF动画、CSS样式表、TPL模板文件、数据库文件、HTACCESS文件和DAT数据文件。系统实现了基于Easyui和Thinkphp...
EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的API,使得开发者能够快速地创建出功能完备、界面友好的Web应用。 在描述中提到,InsdepTheme免费版是...
在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...
EasyUI 的核心特点是组件化和模块化,它包括一系列预定义的 CSS 样式和 JavaScript 控件,如表格、树形结构、下拉菜单、对话框等,这些组件可以直接在HTML中使用,极大地简化了前端开发工作。 1. **EasyUI 1.4.4 ...
【标题】"easyui和mvc"涉及的知识点主要集中在Web前端框架EasyUI和后端的MVC(Model-View-Controller)设计模式上。EasyUI是基于jQuery的一个轻量级的前端开发框架,而MVC则是一种软件设计模式,常用于构建可维护性...
EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的API,用于快速构建用户界面。这个框架的主要目标是简化Web应用的开发,通过预定义的CSS样式和JavaScript组件,使得开发者可以专注于业务...
EasyUI和DWZ_JUI是两种广泛用于构建后台管理界面的JavaScript框架,它们都是基于jQuery库的,旨在简化Web应用程序的开发过程,提供美观且功能丰富的用户界面。 **EasyUI** EasyUI是一套轻量级的前端开发框架,它...
jQuery EasyUI是一个强大的JavaScript库,它是基于jQuery设计的,旨在简化和加速Web开发过程中用户界面(UI)的构建。这个库包含了一系列精心设计的UI组件,使得开发者无需深入CSS和HTML的细节,就能创建出功能完备...
这个压缩包包含的是 EasyUI 的源码和API文档,对于深入理解和定制 EasyUI 非常有帮助。 首先,`jQuery EasyUI 1.5 版 API.exe` 是 EasyUI 1.5 版本的官方API文档,提供了详细的接口说明和技术指南。通过阅读这个...
这个"easyui官方离线文档"包含了丰富的资源,包括demo、源码、演示以及针对现代前端框架如Vue、Angular和React的文档,是开发过程中不可或缺的参考资料。 在EasyUI的文档中,你可以找到以下关键知识点: 1. **组件...
SSH和EasyUI整合是Web开发中的一个重要实践,它将Struts2、Spring和Hibernate这三大流行框架与EasyUI前端框架相结合,以实现高效、模块化的应用程序。在这个整合Demo中,我们能够看到如何将这些组件有效地集成在一起...
EasyUI 是一款基于 jQuery 的 UI 组件库,它提供了丰富的界面元素和布局功能,使得开发者能够快速构建出美观且响应式的 web 应用程序。"全套EasyUI示例源码"是一个包含三十多个组件的完整示例集合,可以帮助开发者...
EasyUI 提供的这1000个图标涵盖了常见的操作和状态,例如添加、删除、编辑、保存、刷新、放大、缩小、上下左右箭头、锁定、解锁、帮助、设置、搜索、过滤等,满足了大部分开发需求。它们的设计风格统一,确保了应用...
【标题】"基于EasyUI和TP3.2.3搭建的后台系统"是一个典型的Web开发实践,它结合了两个强大的工具来构建高效、美观的管理界面。EasyUI是一款基于jQuery的UI框架,提供了丰富的组件和预设样式,使得前端开发更为便捷。...
### 比较 jQuery 前端框架 EasyUI 和 LigerUI #### 一、概述 随着 Web 技术的不断发展,用户对于网页交互性的需求日益增加,这推动了前端框架的发展。jQuery 是一个快速、简洁的 JavaScript 库,极大地简化了 ...
easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...
这个"jQuery_EasyUI_v1.3.5.exe"文件很可能是EasyUI的安装包,包含了版本1.3.5的所有组件和文档。 EasyUI 的核心概念是组件化,它包括了对话框、表单、表格、树形结构、菜单、按钮等多种常见的UI元素。这些组件都...
EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的主题系统,使得开发者能够快速构建用户界面。本套分享的资源是一组免费且漂亮的 EasyUI 主题,包括黑色和蓝色两种风格,适用于后台管理...