`
bee1314
  • 浏览: 165937 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

EasyUI 和 Uploadify 鱼和熊掌

阅读更多

      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的问题。
        }

 

分享到:
评论
3 楼 127ta 2015-11-26  
DataGrid 控件的每一个单元格都可以包含文本值,但不能链接或内嵌对象。
2 楼 qianmo666 2013-05-20  
我就在思考怎样进行刷频加载的问题。前辈的全局变量真是很聪明啊
1 楼 freemailfjgh 2012-09-13  
这个也有可能是IE安全限制的问题。

相关推荐

    jquery easyui 和easyui帮助手册

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了创建用户界面的过程,提供了丰富的组件和功能。这个压缩包文件包含的内容将有助于我们深入了解和使用 jQuery EasyUI。 首先,jQuery EasyUI 是一个轻量级...

    easyUI和zTree的结合使用

    在Web开发领域,jQuery、EasyUI和zTree都是常见的JavaScript库和框架,它们极大地提高了开发效率,特别是对于构建用户界面。本篇文章将详细介绍如何将EasyUI与zTree结合使用,以及这两个库的基本功能。 EasyUI是一...

    基于Easyui和Thinkphp的php-easyui演示系统设计源码

    本项目基于Easyui和Thinkphp开发,包含296个文件,包括PNG图片、PHP源代码、HTML页面、JavaScript脚本、GIF动画、CSS样式表、TPL模板文件、数据库文件、HTACCESS文件和DAT数据文件。系统实现了基于Easyui和Thinkphp...

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

    EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的API,使得开发者能够快速地创建出功能完备、界面友好的Web应用。 在描述中提到,InsdepTheme免费版是...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    EasyUI 的核心特点是组件化和模块化,它包括一系列预定义的 CSS 样式和 JavaScript 控件,如表格、树形结构、下拉菜单、对话框等,这些组件可以直接在HTML中使用,极大地简化了前端开发工作。 1. **EasyUI 1.4.4 ...

    easyui和mvc

    【标题】"easyui和mvc"涉及的知识点主要集中在Web前端框架EasyUI和后端的MVC(Model-View-Controller)设计模式上。EasyUI是基于jQuery的一个轻量级的前端开发框架,而MVC则是一种软件设计模式,常用于构建可维护性...

    EasyUI和JS的API

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的API,用于快速构建用户界面。这个框架的主要目标是简化Web应用的开发,通过预定义的CSS样式和JavaScript组件,使得开发者可以专注于业务...

    easyui和dwz_jui两套后台管理界面模板

    EasyUI和DWZ_JUI是两种广泛用于构建后台管理界面的JavaScript框架,它们都是基于jQuery库的,旨在简化Web应用程序的开发过程,提供美观且功能丰富的用户界面。 **EasyUI** EasyUI是一套轻量级的前端开发框架,它...

    jquery-easyui资料和文档

    jQuery EasyUI是一个强大的JavaScript库,它是基于jQuery设计的,旨在简化和加速Web开发过程中用户界面(UI)的构建。这个库包含了一系列精心设计的UI组件,使得开发者无需深入CSS和HTML的细节,就能创建出功能完备...

    easyui源码和api文档

    这个压缩包包含的是 EasyUI 的源码和API文档,对于深入理解和定制 EasyUI 非常有帮助。 首先,`jQuery EasyUI 1.5 版 API.exe` 是 EasyUI 1.5 版本的官方API文档,提供了详细的接口说明和技术指南。通过阅读这个...

    easyui官方离线文档

    这个"easyui官方离线文档"包含了丰富的资源,包括demo、源码、演示以及针对现代前端框架如Vue、Angular和React的文档,是开发过程中不可或缺的参考资料。 在EasyUI的文档中,你可以找到以下关键知识点: 1. **组件...

    SSH和easyui整合Demo

    SSH和EasyUI整合是Web开发中的一个重要实践,它将Struts2、Spring和Hibernate这三大流行框架与EasyUI前端框架相结合,以实现高效、模块化的应用程序。在这个整合Demo中,我们能够看到如何将这些组件有效地集成在一起...

    全套EasyUI示例源码

    EasyUI 是一款基于 jQuery 的 UI 组件库,它提供了丰富的界面元素和布局功能,使得开发者能够快速构建出美观且响应式的 web 应用程序。"全套EasyUI示例源码"是一个包含三十多个组件的完整示例集合,可以帮助开发者...

    easyui1000个ico图标

    EasyUI 提供的这1000个图标涵盖了常见的操作和状态,例如添加、删除、编辑、保存、刷新、放大、缩小、上下左右箭头、锁定、解锁、帮助、设置、搜索、过滤等,满足了大部分开发需求。它们的设计风格统一,确保了应用...

    基于easyui和TP3.2.3搭建的后台系统

    【标题】"基于EasyUI和TP3.2.3搭建的后台系统"是一个典型的Web开发实践,它结合了两个强大的工具来构建高效、美观的管理界面。EasyUI是一款基于jQuery的UI框架,提供了丰富的组件和预设样式,使得前端开发更为便捷。...

    比较 jquery前端框架easyUI和ligerUI

    ### 比较 jQuery 前端框架 EasyUI 和 LigerUI #### 一、概述 随着 Web 技术的不断发展,用户对于网页交互性的需求日益增加,这推动了前端框架的发展。jQuery 是一个快速、简洁的 JavaScript 库,极大地简化了 ...

    easyui1.7 官网示例大全

    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 ...

    easyui的入门教程

    这个"jQuery_EasyUI_v1.3.5.exe"文件很可能是EasyUI的安装包,包含了版本1.3.5的所有组件和文档。 EasyUI 的核心概念是组件化,它包括了对话框、表单、表格、树形结构、菜单、按钮等多种常见的UI元素。这些组件都...

    uimaker分享-免费漂亮easyui主题eayui皮肤easyui组件美化模版黑色+蓝色html后台管理模版

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的主题系统,使得开发者能够快速构建用户界面。本套分享的资源是一组免费且漂亮的 EasyUI 主题,包括黑色和蓝色两种风格,适用于后台管理...

Global site tag (gtag.js) - Google Analytics