EasyUI文件批量上传-统一附属类小部件管理器-在线预览文件(有网络和没有三种)–SNF急速支付平台3.0

事实上在SNF里采纳附属类小部件管理是分外简单的思想政治工作,一句代码就足以消除。但自小编也要在此间记录一下联结附属类小部件管理器能满意的要求。

  1. 通用的附属类小部件管理,不要再度费用,调用尽量精简。
  2. 批量文本上传,并对各种文件大小限制,客户端无刷新
  3. 能够对已经上传的附属类小部件举行名字改成,改成更团结的称号。
  4. 能够对已经上传的文件举行删除。
  5. 并记录文件大小,上传人、时间和修改人和岁月等。
  6. 能够下载附属类小部件到地头电脑。
  7. 文件的在线预览,援救不安装office软件就足以预览(不管是图形如故office文书档案都得辅助预览)

虽说比标准的图文书档案管理种类功效差了一些,但对于抢先四分一商行是十足的,而且使用简单方便。

 

上面就看一下功力和什么贯彻的啊:

EasyUI 1

率先步是在页面上加码三个按钮:

EasyUI 2

EasyUI 3

铺排按钮事件:

 //附件管理器
    this.attachmentsClick = function () {
        var row = self.grid.datagrid('getSelected');
        if (!row) return snf.message('warning', '请先选择一个角色!');

        snf.Attachments(row.Realname, row._id, "SYS", "SYS-ROLE");
    }

按钮事件调用的集合方法:

/**
 * 增加统一附件管理
 * 
 * @author 王金斗 2015-1-31
 * 
 */
snf.Attachments = function (title, BusinessID, BusinessModule, AttachmentType) {
    snf.dialog({
        title: "(" + title + "-角色)附件管理",
        width: 750,
        height: 550,
        iconCls: 'icon-attach',
        maximizable: true,
        html: '<iframe id="_view_attachmentsClick_" scrolling="auto" style="width:100%;height:100%;"></iframe>',
        viewModel: function (w) {

            w.find("iframe").attr("src", "/Attachments/Index/" + BusinessID + "/" + BusinessModule + "/" + AttachmentType);

        }
    });
};

运行的职能:

EasyUI 4

附属类小部件无刷新批量上传

EasyUI 5

名称修改和删除附属类小部件

EasyUI 6

下载附属类小部件

EasyUI 7

附属类小部件预览:

        
集成在线和本地转移文书两预览方式,是为着有互连网的用户更好的体会和不连网用户也能够查阅。并且本地和服务器端不供给安装office。

  1. 采取微软的阳台实行office文书档案的在线查看,效果能好但不能够不连互连网.

   EasyUI 8

  2. 把office文件生成html文件后展开查看

  图片预览效果:

  EasyUI 9

  Excel预览效果:

   EasyUI 10

  DOC预览效果:

  EasyUI 11

  PPT预览效果:

  EasyUI 12

  PDF预览效果:

  EasyUI 13

 

  后台对应:

  EasyUI 14

  

修改或删除处理的主要代码

 //修改或删除处理
                        switch (types[item.Name])
                        {
                            case OptType.Mod:
                                List<KeyValuePair<string, object>> parameters = new List<KeyValuePair<string, object>>();
                                parameters.Add(new KeyValuePair<string, object>(BaseAttachmentsEntity.FieldOriginalName, entity.OriginalName));
                                parameters.Add(new KeyValuePair<string, object>(BaseAttachmentsEntity.FieldModifiedUserId, UserInfo.Id));//最后修改者主键
                                parameters.Add(new KeyValuePair<string, object>(BaseAttachmentsEntity.FieldModifiedBy, UserInfo.Realname));//最后修改者
                                parameters.Add(new KeyValuePair<string, object>(BaseAttachmentsEntity.FieldModifiedOn, DateTime.Now));//最后修改时间

                                result += SNFService.Instance.BaseAttachmentsService.SetAttachment(this.UserInfo, entity.Id, parameters);
                                break;
                            case OptType.Del:
                                result += SNFService.Instance.BaseAttachmentsService.Delete(this.UserInfo, entity.Id);
                                //删除文件
                                FileUtil.DeleteFile(FileUtil.GetMapPath("/Content/js/Attachments/" + entity.ServerPath + entity.ServerName));
                                break;
                            case OptType.None:
                                break;
                            default:
                                break;
                        }

 

作者: 王春天 2015-2-1
出处: http://www.cnblogs.com/spring_wang/

本体系文章列表如下:

依据SNF-神速支付平台框架的俯拾正是作品:

SNF火速支付平台3.2之–.Net可增加的票证编号生成器-SNF.CodeRule

SNF火速支付平台3.1之–审核流(3)低调奢侈,简单不凡,实例演示-SNF.WorkFlow

SNF飞快支付平台3.1之–审核流(2)流程设计-SNF.WorkFlow成效使用表达

SNF快捷支付平台3.1之–审核流(1)SNF.WorkFlow审核流简介

SNF飞快支付平台3.1之–完美的代码生成器SNF.CodeGenerator-飞快开发者的利器

基于MVC4+EasyUI的Web开发框架–Spring.Net.FrameworkV3.0完全介绍

SNF急忙支付平台3.1之–MVC
打字与印刷消除方案

SNF快速支付平台3.1之–文件批量上传-统一附属类小部件管理器-在线预览文件(有互连网和没有二种)

SNF快速支付平台3.1之–asp.net mvc4
强大的导出和不必要上传文件的批量导入EXCEL

SNF连忙支付平台3.0之MVC通用控件库显示-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF火速支付平台3.0之BS页面体现和九大亮点-部分页面彰显效果-Asp.net+MVC4.0+WebAPI+EasyUI
+Knockout

SNF急忙支付平台3.0之-界面本性化配置+10种皮肤+7种菜单-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF火速支付平台3.0之-CS页面-Asp.net+Spring.Net.Framework

SNF飞快支付平台3.0之–系统里播放的效果–急速及时、简明扼要的把音信发送给接收者