求助!asp.net Repeater控件根据checkbox控件全选复选导出报表问题

时间:2021-09-30 10:04:20
我想实现Repeater控件中把checkbox选中的数据导出到Excel,我在网上找了半天,终于找到一个差不多的实现效果,网址如下:
http://topic.csdn.net/u/20090304/17/add3483d-4df3-463b-879e-4213431ade64.html
只不过他用的是GridView控件,而我是Repeater控件,他那的两种方法我都试过改过,但改了半天也没实现效果,我是个菜鸟,才学asp.net半年求各位高手前辈什么解决问题实现Repeater控件根据checkbox控件全选复选导出导出到Excel成为报表
这是效果图:
求助!asp.net Repeater控件根据checkbox控件全选复选导出报表问题
这是第一种方法:GridView控件导出Excel代码

protected void Button2_Click(object sender, EventArgs e)
    {
        StringBuilder s = new StringBuilder();
        s.AppendLine("<table style='width:800px' border=1>");
        for (int i = 0; i < GridView1.Rows.Count; i++)
        {
            CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("CheckBox1");
            if (ck.Checked)
            {
                //GridView1.Columns
                s.AppendLine("<tr>");
                for (int j = 0; j < GridView1.Columns.Count; j++)
                {
                    s.AppendFormat("<td>{0}</td>", GridView1.Rows[i].Cells[j].Text);
                }
                s.AppendLine("</tr>");

            }
        }
        s.Append("</table>");
        Export("application/ms-excel", "excel.xls",s);

    }

    private void Export(string FileType, string FileName,string s)
    {

        Response.Charset = "UTF-8";
        Response.ContentEncoding = System.Text.Encoding.UTF8;
        Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode(FileName, Encoding.UTF8).ToString());
        Response.ContentType = FileType;
        Response.Write(s);
        Response.End();

    }

我想改为Repeater控件实现效果
这是第二种方法:js方法GridView控件导出Excel代码

<input type="button" onclick="AutomateExcel()"  value="导出" style="width: 41px" class="button">   


<SCRIPT LANGUAGE="JavaScript">
function AutomateExcel() 
{
try { 
    var oXL = new ActiveXObject("Excel.Application"); 
    }catch(e){ 
alert('您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”!');
return '';
}       


var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var table = document.getElementById("表格名称"); 
var hang = table.rows.length;
if(hang>0)
{
    var lie = table.rows(0).cells.length; 
    for (i=0;i<hang;i++)
    {
        //假如你的checkbox在第1列
        var cb = table.rows[i].cells[0].getElementsTagName("input");
        if(cb!=null && cb.type="checkbox" && cb.checked)
        {
          for (j=0;j<lie;j++)
          {
            oSheet.Cells(i+1,j+1).NumberFormatLocal="@";
            oSheet.Cells(i+1,j+1).Value = table.rows(i).cells(j).innerText;
          }
        }
    }
}
oXL.Visible = true;
oXL.UserControl = true;
}


也是改为Repeater控件实现效果
请各位IE前辈高手看看什么实现效果

8 个解决方案

#1


你的js采用的是表格,你看客户端生成的源代码里面是否有正确的table

#2


var table = document.getElementById("表格ID"); 

#3


foreach(RepeaterItem item  in Repeater1.items)
{ CheckBox chk=item.FindControl("') as CheckBox;
 if(chk.Checked){// 获取ID,查询获取数据集导出到EXCEL}
 
}

var table = document.getElementById("<%=Repeater1.ClientID %>");
        var inputs = table.getElementsByTagName("input");
        for(var i=0;i<inputs.length;i++){
            if(inputs[i].type=="checkbox"){
                
            }
        }

#4


这是我的页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="clientinfo.aspx.cs" Inherits="TestItem.Web.clientinfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        td
        {
            white-space: nowrap;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="Excel">
            <tr>
                <td>
                    客户
                </td>
                <td>
                    电话
                </td>
                <td>
                    时间
                </td>
                <td>
                    来源
                </td>
                <td>
                    等级
                </td>
                <td>
                    操作员
                </td>
            </tr>
            <asp:Repeater ID="RepeaterClass" runat="server">
                <ItemTemplate>
                    <tr>
                        <td>
                            <input type="checkbox" id="chkSelect" name="chkSelect" value='’<%# Eval("ClientID") %>’'
                                onclick="checkAll('chkAll',this);" />
                            <%# Eval("ClientName")%>
                        </td>
                        <td>
                            <%# Eval("ClientPhone")%>
                        </td>
                        <td>
                            <%# Eval("ClientTime")%>
                        </td>
                        <td>
                            <%# Eval("SourceName")%>
                        </td>
                        <td>
                            <%# Eval("ClientsClass")%>
                        </td>
                        <td>
                            <%# Eval("OPeratorName")%>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
        全选/非全选<input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll('chkAll',this);" />
        <asp:Button ID="Button1" runat="server" Text="导出" OnClick="Button1_Click" />
    </div>
    </form>
</body>
</html>

<script type="text/javascript" language="javascript">
    function checkAll(chkAllID,thisObj) 

    var chkAll = document.getElementById(chkAllID); 
    var chks = document.getElementsByTagName("input"); 
    var chkNo = 0; 
    var selectNo = 0; 
    for(var i =0; i < chks.length; i++) 
    { 
       if(chks[i].type == "checkbox") 
       { 
          //全选触发事件   
          if(chkAll == thisObj) 
          { 
             chks[i].checked = thisObj.checked;              
          }           
          //非全选触发 
          else 
          { 
            if(chks[i].checked && chks[i].id != chkAllID) 
             selectNo++; 
          } 
          if(chks[i].id != chkAllID) 
          { 
            chkNo++; 
          } 
       } 
    }  
    if(chkAll != thisObj) 
    { 
        chkAll.checked = chkNo==selectNo; 
    } 
}
 
 function checkSelectNo(chkAllID) 

    var chks = document.getElementsByTagName("input"); 
    var selectNo =0; 
    for(var i =0; i < chks.length; i++) 
    { 
       if(chks[i].type == "checkbox") 
       { 
            if(chks[i].id != chkAllID && chks[i].checked) 
            { 
                selectNo++; 
            } 
       } 
    }   
    return selectNo; 


</script>

#5


不好意思!各位高手前辈能否给完整的代码啊,想不明白啊

#6


建议使用myxls控件导出excel

#7


引用 3 楼 wuyq11 的回复:
foreach(RepeaterItem item  in Repeater1.items)
{ CheckBox chk=item.FindControl("') as CheckBox;
 if(chk.Checked){// 获取ID,查询获取数据集导出到EXCEL}
 
}

var table = document.getElementById("<%=Repeater1.……

高手谢谢你的提示,我解决了用js方法实现效果:这是代码我贴出来以供后人遇到类似问题参考!

function AutomateExcel() 
{
try { 
    var oXL = new ActiveXObject("Excel.Application"); 
    }catch(e){ 
alert('您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”!');
return '';
}       


var oWB = oXL.Workbooks.Add();//新建工作簿,并成为活动工作簿
var oSheet = oWB.ActiveSheet; //返回一对象,该对象代表活动工作簿中的,或者指定的窗口或工作簿中的活动工作表(最上面的工作表)
var table = document.getElementById("Excel");//表格ID
var inputs = table.getElementsByTagName("input");//checkbox的控件名称
  for(var i=0;i<inputs.length;i++){//行数
      var lie=table.rows.item(0).cells.length;//列数 
       //这里判断checkbox是否选中
      if(inputs[i].type=="checkbox" && inputs[i].checked){
            for(j=0;j<lie;j++)
            {
                   oSheet.Cells(i+1,j+1).NumberFormatLocal="@";//大概意思是设置Excel中数字格式
                   oSheet.Cells(i+1,j+1).Value = table.rows.item(i).cells[j].innerText;//要导入到Excel的数据
            }
        
   
        }
  }
oXL.Visible = true;
oXL.UserControl = true;
}


后台方法正在思考解决中

#8



protected void Button1_Click(object sender, EventArgs e)
  {
   
  StringBuilder s = new StringBuilder();
  s.AppendLine("<table style='width:800px' border=1>");
 for(int i=0;i<RepeaterClass.Items.Count;i++)
  {
  CheckBox chk = RepeaterClass.Items[i].FindControl("chkSelect") as CheckBox;
  if (chk.Checked)
  {
   
  s.AppendLine("<tr>");
  for (int j = 0; j < RepeaterClass.总列数; j++)//  不知道什么写了啊
  {
  s.AppendFormat("<td>{0}</td>", RepeaterClass.每一行.每一列.Text);//  不知道什么写了啊
  }
  s.AppendLine("</tr>");

  }
  }

  s.Append("</table>");
  Export("application/ms-excel", "excel.xls", s);

  }



  private void Export(string FileType, string FileName, string s)
  {

  Response.Charset = "UTF-8";
  Response.ContentEncoding = System.Text.Encoding.UTF8;
  Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode(FileName, Encoding.UTF8).ToString());
  Response.ContentType = FileType;
  Response.Write(s);
  Response.End();

  }

总得来说就是根据Repeater控件中选中的Checkbox所在那一行取出在后台拼成新的table表格,然后导出到Excel中去

#1


你的js采用的是表格,你看客户端生成的源代码里面是否有正确的table

#2


var table = document.getElementById("表格ID"); 

#3


foreach(RepeaterItem item  in Repeater1.items)
{ CheckBox chk=item.FindControl("') as CheckBox;
 if(chk.Checked){// 获取ID,查询获取数据集导出到EXCEL}
 
}

var table = document.getElementById("<%=Repeater1.ClientID %>");
        var inputs = table.getElementsByTagName("input");
        for(var i=0;i<inputs.length;i++){
            if(inputs[i].type=="checkbox"){
                
            }
        }

#4


这是我的页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="clientinfo.aspx.cs" Inherits="TestItem.Web.clientinfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        td
        {
            white-space: nowrap;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="Excel">
            <tr>
                <td>
                    客户
                </td>
                <td>
                    电话
                </td>
                <td>
                    时间
                </td>
                <td>
                    来源
                </td>
                <td>
                    等级
                </td>
                <td>
                    操作员
                </td>
            </tr>
            <asp:Repeater ID="RepeaterClass" runat="server">
                <ItemTemplate>
                    <tr>
                        <td>
                            <input type="checkbox" id="chkSelect" name="chkSelect" value='’<%# Eval("ClientID") %>’'
                                onclick="checkAll('chkAll',this);" />
                            <%# Eval("ClientName")%>
                        </td>
                        <td>
                            <%# Eval("ClientPhone")%>
                        </td>
                        <td>
                            <%# Eval("ClientTime")%>
                        </td>
                        <td>
                            <%# Eval("SourceName")%>
                        </td>
                        <td>
                            <%# Eval("ClientsClass")%>
                        </td>
                        <td>
                            <%# Eval("OPeratorName")%>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
        全选/非全选<input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll('chkAll',this);" />
        <asp:Button ID="Button1" runat="server" Text="导出" OnClick="Button1_Click" />
    </div>
    </form>
</body>
</html>

<script type="text/javascript" language="javascript">
    function checkAll(chkAllID,thisObj) 

    var chkAll = document.getElementById(chkAllID); 
    var chks = document.getElementsByTagName("input"); 
    var chkNo = 0; 
    var selectNo = 0; 
    for(var i =0; i < chks.length; i++) 
    { 
       if(chks[i].type == "checkbox") 
       { 
          //全选触发事件   
          if(chkAll == thisObj) 
          { 
             chks[i].checked = thisObj.checked;              
          }           
          //非全选触发 
          else 
          { 
            if(chks[i].checked && chks[i].id != chkAllID) 
             selectNo++; 
          } 
          if(chks[i].id != chkAllID) 
          { 
            chkNo++; 
          } 
       } 
    }  
    if(chkAll != thisObj) 
    { 
        chkAll.checked = chkNo==selectNo; 
    } 
}
 
 function checkSelectNo(chkAllID) 

    var chks = document.getElementsByTagName("input"); 
    var selectNo =0; 
    for(var i =0; i < chks.length; i++) 
    { 
       if(chks[i].type == "checkbox") 
       { 
            if(chks[i].id != chkAllID && chks[i].checked) 
            { 
                selectNo++; 
            } 
       } 
    }   
    return selectNo; 


</script>

#5


不好意思!各位高手前辈能否给完整的代码啊,想不明白啊

#6


建议使用myxls控件导出excel

#7


引用 3 楼 wuyq11 的回复:
foreach(RepeaterItem item  in Repeater1.items)
{ CheckBox chk=item.FindControl("') as CheckBox;
 if(chk.Checked){// 获取ID,查询获取数据集导出到EXCEL}
 
}

var table = document.getElementById("<%=Repeater1.……

高手谢谢你的提示,我解决了用js方法实现效果:这是代码我贴出来以供后人遇到类似问题参考!

function AutomateExcel() 
{
try { 
    var oXL = new ActiveXObject("Excel.Application"); 
    }catch(e){ 
alert('您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”!');
return '';
}       


var oWB = oXL.Workbooks.Add();//新建工作簿,并成为活动工作簿
var oSheet = oWB.ActiveSheet; //返回一对象,该对象代表活动工作簿中的,或者指定的窗口或工作簿中的活动工作表(最上面的工作表)
var table = document.getElementById("Excel");//表格ID
var inputs = table.getElementsByTagName("input");//checkbox的控件名称
  for(var i=0;i<inputs.length;i++){//行数
      var lie=table.rows.item(0).cells.length;//列数 
       //这里判断checkbox是否选中
      if(inputs[i].type=="checkbox" && inputs[i].checked){
            for(j=0;j<lie;j++)
            {
                   oSheet.Cells(i+1,j+1).NumberFormatLocal="@";//大概意思是设置Excel中数字格式
                   oSheet.Cells(i+1,j+1).Value = table.rows.item(i).cells[j].innerText;//要导入到Excel的数据
            }
        
   
        }
  }
oXL.Visible = true;
oXL.UserControl = true;
}


后台方法正在思考解决中

#8



protected void Button1_Click(object sender, EventArgs e)
  {
   
  StringBuilder s = new StringBuilder();
  s.AppendLine("<table style='width:800px' border=1>");
 for(int i=0;i<RepeaterClass.Items.Count;i++)
  {
  CheckBox chk = RepeaterClass.Items[i].FindControl("chkSelect") as CheckBox;
  if (chk.Checked)
  {
   
  s.AppendLine("<tr>");
  for (int j = 0; j < RepeaterClass.总列数; j++)//  不知道什么写了啊
  {
  s.AppendFormat("<td>{0}</td>", RepeaterClass.每一行.每一列.Text);//  不知道什么写了啊
  }
  s.AppendLine("</tr>");

  }
  }

  s.Append("</table>");
  Export("application/ms-excel", "excel.xls", s);

  }



  private void Export(string FileType, string FileName, string s)
  {

  Response.Charset = "UTF-8";
  Response.ContentEncoding = System.Text.Encoding.UTF8;
  Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode(FileName, Encoding.UTF8).ToString());
  Response.ContentType = FileType;
  Response.Write(s);
  Response.End();

  }

总得来说就是根据Repeater控件中选中的Checkbox所在那一行取出在后台拼成新的table表格,然后导出到Excel中去