jquery配合.NET實現點擊指定綁定數據而且可以一鍵下載

時間 2019-12-05

標籤 jquery 配合實現點擊指定綁定數據而且可以一鍵下載欄目 JQuery 简体版

原文原文鏈接

最近在作培訓管理系統中遇到一個問題，需求需點擊綁定的數據，將指定的附件下載下來，而且是批量下載（綁定的數據非datagrid,後臺拼接的綁定）。html

效果圖以下：jquery

大致思路：數組

1.jquery獲得選中的綁定數據的id,將這個id賦值到數組中，最後將這個數組的值賦值給頁面中建立的隱藏變量ui

2.後臺獲取到隱藏變量的值，並將它循環數組取值，獲得綁定值的下載地址，最後打包下載this

　　首先html中div根據後臺綁定spa

 <div id="downloadInfo" runat="server"></div>

其次是下載附件的選擇，利用jquery實現，而且將值賦值給頁面中的隱藏變量，代碼以下：code

// 下載附件的選擇
    $attach = $("#download-list");
    var arr = []
    $attach.on('click', '.no', function () {
        $(this).toggleClass('checked');//設置和移除，選中與不選中
        if ($(this).hasClass('checked')) {
            var guid = $(this).children("#hidAttachGuid").val();
            arr.push(guid);//將guid添加到arr數組中
           
        }
        else
        {//取消選中時
            var guid = $(this).children("#hidAttachGuid").val();
            var n = arr.indexOf(guid);
            if (n != -1)
            arr.splice(n, 1);//將指定不選中的guid移除arr數組
        }
        $("[id$='arrayGuid']").val(arr);
    });

由於是後臺拼接的，把button也拼接在了後臺，後臺button 調用jsorm

<button type='button' class='one-download' onclick='download()'>一鍵下載</button>

function download() {
            $("#btnDownload").click();
        }

js觸發隱藏button事件server

<span style="display: none">
      <asp:Button ID="btnDownload" OnClick="btnDownload_Click" Text="肯定" runat="server" />
       <input type="text" id="arrayGuid" runat="server" />
</span>

後臺一鍵打包下載代碼：htm

protected void btnDownload_Click(object sender, EventArgs e)
        {
            //ZipFileByCode();
            string attachGuid = arrayGuid.Value;
            string[] sArray = attachGuid.Split(',');

          
            List<string> list = new List<string>();
            foreach (string i in sArray)
            {
               //這裏是循環獲得指定須要下載的全部id
 
            }

            Download(list, ""+lblCourseName.Text+"相關附件材料.rar");
        }

 private void Download(IEnumerable<string> files, string zipFileName)
        {
            //根據所選文件打包下載  
            MemoryStream ms = new MemoryStream();
            byte[] buffer = null;
            using (ZipFile file = ZipFile.Create(ms))
            {
                file.BeginUpdate();
                file.NameTransform = new MyNameTransfom();//經過這個名稱格式化器，能夠將裏面的文件名進行一些處理。默認狀況下，會自動根據文件的路徑在zip中建立有關的文件夾。  

                foreach (var item in files)
                {
                    file.Add(item);
                }
                //file.Add(Server.MapPath("../../BigFileUpLoadStorage/1.png"));
                file.CommitUpdate();
                buffer = new byte[ms.Length];
                ms.Position = 0;
                ms.Read(buffer, 0, buffer.Length);
            }
            Response.AddHeader("content-disposition", "attachment;filename=" + zipFileName);
            Response.BinaryWrite(buffer);
            Response.Flush();
            Response.End();
        }

和pageload同層代碼

 public class MyNameTransfom : ICSharpCode.SharpZipLib.Core.INameTransform
    {

        #region INameTransform 成員

        public string TransformDirectory(string name)
        {
            return null;
        }

        public string TransformFile(string name)
        {
            return Path.GetFileName(name);
        }

        #endregion
    }