关于Repeater中嵌套GridView以及GridView中checkbox的全选功能的实例

最新推荐文章于 2018-08-07 16:19:15 发布
最新推荐文章于 2018-08-07 16:19:15 发布
阅读量802 收藏
点赞数
分类专栏： 个人随笔 文章标签： textbox string asp server object class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changjian1444/article/details/7308823
版权


 具体的思路为：首先生成一个Repeater，然后根据在Repeater绑定的ID生成GridView，具体实现界面及代码如下所示：

前台代码：

<asp:Panel ID="pnlmain" runat="server">
        <asp:Repeater ID="Repeater1" runat="server"  OnItemDataBound="Repeater1_ItemDataBound">
        <ItemTemplate>
        <table class="small" width="100%">
        <tr width="100%" class="TableHeader" align="left" >
        <td width="20px">
            <input id="Checkbox1" name='<%#DataBinder.Eval(Container.DataItem, "GroupId")%>' onClick="grcheckalll('<%#DataBinder.Eval(Container.DataItem, "GroupNo")%>',this.checked);" type="checkbox" /><!--Repeater中的CheckBox，全选操作-->
          </td>
        <td width="780px" title="点击隐藏/显示" οnclick="clickMenu('tr+<%#DataBinder.Eval(Container.DataItem, "GroupId")%>')"> <%#DataBinder.Eval(Container.DataItem, "GroupName")%><!--此处为设置某个点击某组标题可以隐藏或显示-->
        </td>
        </tr>
        <tr  id="tr+<%#DataBinder.Eval(Container.DataItem, "GroupId")%>" class="TableLine2" width="100%"><td align="center" valign="middle" nowrap colspan="2">
        <asp:Label ID="lbl_Id" Visible=false Text='<%# DataBinder.Eval(Container.DataItem,"GroupId").ToString() %>' Runat=server />
        <asp:GridView ID="GridView1" CssClass="small" runat="server" BorderStyle="Inset" AutoGenerateColumns="False" Width="100%" DataKeyNames="AddressId" OnRowDataBound="GridView1_RowDataBound" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" HorizontalAlign="Center">
            <Columns >
                <asp:TemplateField HeaderText="选择">
                    <ItemTemplate>
                        <asp:CheckBox ID="chkIsCheck" runat="server" />
                    </ItemTemplate>
                    <ControlStyle Width="40px" />
                </asp:TemplateField>
                <asp:CommandField HeaderText="管理" ShowDeleteButton="True" ShowEditButton="True" ShowHeader="True" CausesValidation="False" >
                    <ControlStyle Width="30px" />
                </asp:CommandField>
                <asp:TemplateField HeaderText="姓名">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox1" CssClass="SmallInput" Width="80px" runat="server" Text='<%# Bind("Name") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label1" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
                    </ItemTemplate>
                    <ControlStyle Width="120px" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="职务">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox2" CssClass="SmallInput" Width="80px" runat="server" Text='<%# Bind("Ministration") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label2" runat="server" Text='<%# Bind("Ministration") %>'></asp:Label>
                    </ItemTemplate>
                    <ControlStyle Width="120px" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="单位">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox3" CssClass="SmallInput" Width="80px" runat="server" Text='<%# Bind("DeptName") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label3" runat="server" Text='<%# Bind("DeptName") %>'></asp:Label>
                    </ItemTemplate>
                    <ControlStyle Width="120px" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="手机号">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox4" CssClass="SmallInput" Width="100px" runat="server" Text='<%# Bind("Mobile") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label4" runat="server" Text='<%# Bind("Mobile") %>'></asp:Label>
                    </ItemTemplate>
                    <ControlStyle Width="300px" />
                </asp:TemplateField>
            </Columns>
            </asp:GridView>
        </td></tr>
        </table>            
        </ItemTemplate>
        </asp:Repeater>
        </asp:Panel>

前台代码中，加红色的AutoGenerateColumns="False" ，只有设置为False时，GridView的更新操作才能被执行，需要注意。

后台代码：

 #region 数据绑定
        //绑定Repeater
        protected void LoadDataRep()
        {
            pnlmain.Visible = true;
            DBConnect db = new DBConnect();
            DataTable dt = db.ExecuteDataTable("select * from Address_Group where GroupId in(select GroupId from [Address] group by(GroupId)) and GroupId in(select GroupId from Address_Group where UserId='" + Utilities.CookieUtil.UserID + "')");// 
            if (dt == null)
            {
                pnlmain.Visible = false;
                litMessage.Text = "<table class=\"MessageBox\" width=\"180\" align=\"center\"><tr><td class=\"msg blank\"><div class=\"content\" style=\"font-size:12pt\">没有定义记录</div></td></tr></table>";
            }
            dt.Columns.Add("GroupNo", typeof(string));
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                dt.Rows[i]["GroupNo"] = i.ToString("00");
            }
            Repeater1.DataSource = dt;
            Repeater1.DataBind();
        }

        //绑定GridView
        protected void BindData(GridView gv, string GroupId)
        {
            pnlmain.Visible = true;
            DBConnect db = new DBConnect();
            DataTable dtnow = db.ExecuteDataTable("select [GroupId],[AddressId],[Name],[DeptName],[Mobile],[Ministration] from Address where GroupId=" + GroupId);
            gv.DataSource = dtnow;
            gv.DataBind();
            db.Close();
        }

        //Repeater绑定数据时，将GroupId绑定到Label上，并根据GroupId绑定对应的gridview
        protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            Label lblid = null;
            if (e.Item.ItemIndex >= 0)
            {
                lblid = (Label)e.Item.FindControl("lbl_Id");
            }
            string GroupId = lblid.Text;
            GridView gv = e.Item.FindControl("GridView1") as GridView;
            BindData(gv, GroupId);
        }

        #endregion        
        #region GridView操作命令
        //数据删除
        protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            GridView gv = (GridView)sender;
            string AddressId = gv.DataKeys[e.RowIndex].Value.ToString();
            DBConnect db = new DBConnect();
            string GroupId = db.ExecuteScalarString("select GroupId from [Address] where AddressId=" + AddressId);
            int i = DelAddress(AddressId);
            if (i >= 1)
            {
               Utilities.Logger.alert(this, "操作成功");
            }
            else
            {
                Utilities.Logger.alert(this, "操作失败,请重试" + db.LastError.ToString());
            }
            gv.EditIndex = -1;
            BindData(gv, GroupId);
            db.Close();
        }

        //数据编辑
        protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
        {
            GridView gv = (GridView)sender;
            gv.EditIndex = e.NewEditIndex;
            DBConnect db = new DBConnect();
            string AddressId = gv.DataKeys[e.NewEditIndex].Value.ToString();
            if (!string.IsNullOrEmpty(AddressId))
            {
                string GroupId = db.ExecuteScalarString("select GroupId from [Address] where AddressId=" + AddressId);
                BindData(gv, GroupId);
            }
        }

        //更新数据
        protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        {
            DBConnect db = new DBConnect();
            string[] str = new string[5];
            GridView gv = (GridView)sender;
            str[0] = ((TextBox)gv.Rows[e.RowIndex].Cells[2].Controls[1]).Text;//姓名
            str[1] = ((TextBox)gv.Rows[e.RowIndex].Cells[3].Controls[1]).Text;//职务
            str[2] = ((TextBox)gv.Rows[e.RowIndex].Cells[4].Controls[1]).Text;//单位
            str[3] = ((TextBox)gv.Rows[e.RowIndex].Cells[5].Controls[1]).Text;//手机号
            str[4] = gv.DataKeys[e.RowIndex].Value.ToString();
            string GroupId = db.ExecuteScalarString("select GroupId from [Address] where AddressId=" + str[4]);
            UpdateAddress(str);
            gv.EditIndex = -1;
            BindData(gv, GroupId);
            db.Close();
        }

        //数据加载时添加删除确认对话框
        protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                LinkButton links = new LinkButton();
                links = ((LinkButton)e.Row.Cells[1].Controls[2]);
                if (links.Text == "删除")
                {
                    links.Attributes.Add("onclick", string.Concat(string.Concat("javascript:return confirm('你确认要删除联系人 ", e.Row.Cells[2].Text), " 吗')"));
                }
            }
        }

        //取消编辑
        protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
        {
            DBConnect db = new DBConnect();
            GridView gv = (GridView)sender;
            gv.EditIndex = -1;
            string AddressId = gv.DataKeys[e.RowIndex].Value.ToString();
            if (!string.IsNullOrEmpty(AddressId))
            {
                string GroupId = db.ExecuteScalarString("select GroupId from [Address] where AddressId=" + AddressId);
                BindData(gv, GroupId);
            }
            db.Close();
        }

        //删除对应记录
        protected int DelAddress(string AddressId)
        {
            string sql = string.Format("delete from [Address] where [AddressId]={0} ", AddressId);
            DBConnect db = new DBConnect();
            return db.ExecuteNonQueryTransaction(sql);
        }

        //更新对应记录
        protected int UpdateAddress(string[] AddressStr)
        {
            string sql = string.Format("update [Address] set [Name]='{0}',[Ministration]='{1}',[DeptName]='{2}',[Mobile]='{3}' where [AddressId]={4}",
                AddressStr[0], AddressStr[1], AddressStr[2], AddressStr[3], Convert.ToInt32(AddressStr[4]));
            DBConnect db = new DBConnect();
            return db.ExecuteNonQueryTransaction(sql);
        }
        #endregion

全选、隐藏/显示的JS代码：

隐藏/显示的JS代码

function clickMenu(ID)
{
    targetelement=document.all(ID);
    if (targetelement.style.display=="none")
        targetelement.style.display='';
    else
        targetelement.style.display="none";
}

全选的JS代码：

function grcheckalll(name,obj) 
{
var gridname="Repeater1_ctl"+name+"_GridView1";
var rowcount=document.getElementById(gridname).rows.length; 
for(var a=2;a<=rowcount+1;a++) 
{ 
if(a>=10) 
{var ckid=gridname+"_ctl&_chkIsCheck"; 
} 
else 
{var ckid=gridname+"_ctl0&_chkIsCheck";} 
var aa=ckid.replace("&",a); 
var bb=document.getElementById(aa); 
if(bb!=null) 
{ 
bb.checked=obj; 
} 
} 
}

由于GridView中的控件的ID名字是自动生成的，但是也是有规律的，只需要在浏览器中查看下生成的页面源文件中的name，然后找出规律就可以了。

整体功能也是比较简单，不过对于初次接触这些的还有一些参考的价值的。

changjian1444
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Repeater DataList GridView的嵌套用法
12-25
Repeater DataList GridView的嵌套用法,论坛上有很多人想知道嵌套的用法。我总结了这三种控件的嵌套，以供参考。http://blog.csdn.net/greatverve/archive/2008/12/25/3600912.aspx我的网址：www.0379zd.com
Repeater嵌套gridview
weixin_30509393的博客
06-26 115
前台：<asp:RepeaterID="Repeater1"runat="server"DataSourceID="SqlDataSource1"OnItemDataBound="Repeater1_ItemDataBound"><ItemTemplate>id:<%#Eval("ID")%>c...
GridView中嵌套Repeater方法
张亚京
01-20 3545
前台代码如下：     
asp.net使用Repeater控件中的全选进行批量操作实例
10-24
主要介绍了asp.net使用Repeater控件中的全选进行批量操作方法,实例分析了Repeater控件的使用技巧,需要的朋友可以参考下
Repeater中嵌套Repeater的示例介绍
10-26
在某些特殊情况下是需要在Repeater中嵌套使用Repeater的，下面有个不错的示例，感兴趣的朋友可以参考下
asp.net中让Repeater和GridView支持DataPager分页
10-28
.NET 3.5中的DataPager碉堡了，可惜只支持ListView。传统的GridView和Repeater都无法直接使用DataPager分页。但我们如果稍加改造，就可以让Repeater和GridView支持DataPager分页
ASP.NET中GridView和Repeater重复数据如何合并
10-21
主要介绍了ASP.NET中GridView和Repeater重复数据合并的方法，感兴趣的小伙伴们可以参考一下
gridview与Repeater嵌套
weixin_34366546的博客
08-17 85
  GridView嵌套GridView,对子GridView及父GridView级联删除的问题 http://blog.csdn.net/amandag/archive/2007/05/31/1633395.aspx 利用GridView显示主细表并添加删除、打开、关闭功能（续） http://dotnet.aspx.cc/article/f73eeaa9-2bdc-47fd-a...
asp.net 中Repeater和Gridview的区别
weixin_30599769的博客
10-11 199
Griview： 优点：1、GridView是从WebControl派生出来的，拥有WebControl样式属性，自身会被解析为table，其中的每一行会被解析为tr-td ； 2、功能最强大，提供分页，编辑，删除，选择等等很多功能，使用最方便，直接拖拽到页面上，建立新的数据源，点几下鼠标就可以维护一...
GridView中CheckBox实现全选或反选功能的方法
hh493296076的博客
08-07 1454
转自：https://blog.csdn.net/yl_99/article/details/6524826       添加一个模板列TemplateField.然后,切换到源代码进行后续的编辑.      在GridView控件中刚刚生成的&lt;asp:TemplateField&gt; &lt;/asp:TemplateField&gt;标签对之间,添加一个&lt;HeaderTemp...
checkbox嵌套在repeater,gridview中的全选/反选(方法总结)
09-20 772
js:方法一:主checkbox选中，所有checkbox都选中 function SelectAll(box) { elm = document.forms[0]; for (i = 0; i < elm.length;
repeater gridview
最新发布
06-12
Repeater和GridView都是ASP.NET Web Forms中用于绑定数据的控件，但二者有一些不同之处。 Repeater是ASP.NET Web Forms中最简单的控件之一，允许开发人员自定义数据绑定的方式。它不会像GridView那样自动生成HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值