当前位置:首页 > 开发 > Web前端 > 前端 > 正文

EasyUI 和 Uploadify 鱼和熊掌

发表于: 2011-12-27   作者:bee1314   来源:转载   浏览次数:
摘要:       Easyui还算不错的UI,很简单,但是不够Open!Uploadify很不错的基于jQuery文件上传的插件,漂亮的UI,支持多文件上传,等特性!当鱼遭遇熊掌会怎么样?       最近的一个项目恰好碰到了这两样,一个奇怪的问题是Uploadify在IE中折腾死也不能实现上传,而且还不报错,

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

 

EasyUI 和 Uploadify 鱼和熊掌

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
  对于微软开发者来说,每次BUILD大会都是值得期待的。这次也是惊喜满满,除了大众瞩目的WP8.1的
  对于微软开发者来说,每次BUILD大会都是值得期待的。这次也是惊喜满满,除了大众瞩目的WP8.1的
大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,
本文最新版已更新至:http://thinkinside.tk/2012/11/06/about_cep.html Table of Contents 1 从事
5 easyui
Jquery easyui 源代码分析之easyloader 分类: javascript 2011-05-18 21:10 692人阅读 评论(2) 收
6 easyui
问题1: datagrid显示出来了,json文件成功下载,但datagrid数据没有显示,如下图 删除自己的css文
7 EasyUI
晒自己做的一个管理系统(清新风格)EasyUI 最近项目结束了,现在也要自己总结一下自己的成果了,总
JRuby:谁说鱼与熊掌不可兼得? ——写在国内第一本JRuby类图书《JRuby实战》即将出版之际 推荐阅读
应公司编辑部要求,需要图片批量上传功能来提高工作效率。在网上收集了些资料后,觉得JQuery Upload
uploadify函数的参数为json格式,可以对json对象的key值的修改来进行自定义的设置,如multi设置为tr
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号