mvc肆 强大的导出和不须要上传文件的批量导入EXCEL–SNF快速支付平台三.一

数据的导入导出,在许多系统里头都比较广泛,那一个导入导出的操作,在Winform里面相比便于达成,但在Web上大家应有如何促成呢?本文首要介绍利用MVC4+EasyUI的表征,并结成文件上传控件,完毕文件不须求上传到服务器上就足以马上实行拍卖并呈现,然后确认后把多少写入数据库的长河。

咱们领略,Web上对Excel的处理和Winform的具备分裂,假诺是在Web上拍卖,我们必要把Excel文档上传到服务器上,然后读取文件实行体现。但在SNF上的确落成了与Winform一样的不必要上传到服务器,而是径直读取的技巧,那是种挑衅。

      近来SNF导入组件的成效必要如下:

        1.   
要成功通用,不可能二个页面相同的做事再做1回,固然复制也无法因为护卫资金财产太高。

        二.   
要有导入预览,保存前承认数据是或不是科学。

        3.   
针对是不是那样数据类型实行格式化,不要突显true/false大概1/0。

        四.   
可以本着导入的预览数据实行删除某行。

        5.    能够下载导入模板。

        陆.    要操作简易实用

        柒.    Web导入也决不先上传到服务器上再读取的不二等秘书籍,也要像winform壹样不上传播服务器上实行直接读取。大家都知道对于BS那种要求依旧相比较困难的,不可能既然有要求就要想方法。

 

在Winform里面,大家处理Excel数据导入的界面如下所示。

图片 1

在Web上的主界面如下所示。

图片 2

导入界面如下所示

图片 3

选用文件后显得的成效,并且导入文本有效列一与0进展了格式化如下

图片 4

肯定数据尚未难题后,点击保存导入数据成功后如下提醒:

图片 5

导入模板:

图片 6

2、Web数据导入的拍卖逻辑和代码

为了贯彻Web上的数量导入导出操作,大家需求追加八个按钮,二个是导入按钮,二个是导出按钮。

<a class="easyui-linkbutton" data-bind="click:importClick" href="#" icon="icon-page_white_excel" plain="true" title="导入">导入</a></div>

导入的JS处理代码如下所示。

//导入        
    this.importClick = function () {
        snf.importExcel(html, '(角色-导入角色数据)', 'ImportRoleTemplate', '系统角色-模版', '-api-sys-role-PostImportRole', 'icon-group');

下边根本便是弹出八个窗口(上边的导入数据窗口),用来便宜客户选拔Excel文件并保存数据依旧下载导入模板等操作的。

然后在Import.cshtml的视图代码里面,大家需求起先化Datagrid和有关的界面成分,开始化DataGrid的代码如下所示。

<div class="z-toolbar">
               <a id="a_save"    href="#" plain="true" class="easyui-linkbutton" icon="icon-save"          title="保存导入数据" data-bind="click:saveClick">  保存导入数据</a>
               <a id="a_delete"  href="#" plain="true" class="easyui-linkbutton" icon="icon-cross"         title ="删除"        data-bind="click:deleteClick"> 删除</a>
               <a id="a_refresh" href="#" plain="true" class="easyui-linkbutton" icon="icon-arrow_refresh" title="刷新"         data-bind="click:refreshClick">刷新</a>

               <div style=" position:absolute; right:10px;">
                   <a id="a_downloadFile"  href="#" target="_blank"  class="icon-page_excel" title="模版.xls" data-bind="attr: { 'title': form.templateName },click:downloadFileClick">
                       &nbsp;&nbsp;</a>
               </div>
            </div>

            <table id="grid" data-bind="datagrid:grid"> </table>

3、Web上SNF标准数据导出操作

展现扩大导出按钮:

<a href="#" plain="true" class="easyui-splitbutton" data-options="menu:'#dropdown1',iconCls:'icon-download'"  data-bind="click:downloadClick"  >导出</a>

图片 7

作者:王春天 2015-01-22

作者Blog:http://www.cnblogs.com/spring\_wang

原文:http://www.cnblogs.com/spring_wang/p/4240939.html

假诺觉得还不易,欢迎转发。

本体系文章列表如下:

依照SNF-飞快支付平台框架的触目皆是小说:

SNF火速支付平台三.二之–.Net可扩展的单子编号生成器-SNF.CodeRule

SNF快速支付平台三.一之–审核流(三)低调奢侈,不难不凡,实例演示-SNF.WorkFlow

SNF迅速支付平台叁.一之–审核流(2)流程设计-SNF.WorkFlow功效使用表明

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

SNF快速支付平台三.1之–完美的代码生成器SNF.CodeGenerator-急忙开发者的利器

听大人说MVC肆+EasyUI的Web开发框架–Spring.Net.FrameworkV三.0整机介绍

SNF飞速支付平台叁.一之–MVC
打字与印刷化解方案

SNF快速支付平台三.壹之–文件批量上传-统一附件管理器-在线预览文件(有互连网和尚未二种)

SNF火速支付平台三.一之–asp.net mvc四强大的导出和不须要上传文件的批量导入EXCEL

SNF火速支付平台三.0之MVC通用控件库展现-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF连忙支付平台三.0之BS页面显示和玖大亮点-部分页面呈现效果-Asp.net+MVC四.0+WebAPI+EasyUI
+Knockout

SNF快捷支付平台三.0之-界面天性化配置+十种皮肤+各类菜单-Asp.net+MVC四.0+WebAPI+EasyUI+Knockout

SNF神速支付平台三.0之-CS页面-Asp.net+Spring.Net.Framework

SNF火速支付平台三.0之–系统里播放的机能–火速及时、简明扼要的把音信发送给接收者