一、最简单的GridView数据绑定
二、实例详解功能丰富的GridView
(1)绑定数据源(List<T>)
(2)编辑:修改、更新、取消、删除
(3)搜索查询、翻页、行样式、数据绑定
(4)常见的错误与处理方法
一、最简单的GridView数据绑定
只需打开VS,从工具栏拖动两个控件GridView和SqlDataSource,配置web.config中的字符串连接,设置SqlDataSource的如下参数;将GridView的数据源属性设置绑定SQL数据源控件的ID即可。
<div>
<asp:GridView ID="GridView1" runat="server" DataSourceID="sql_ds"></asp:GridView>
</div>
<asp:SqlDataSource ID="sql_ds" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="select * from SoftClass "></asp:SqlDataSource>
运行页面如下:
既没样式也没格式,实用性不是很大,我们需要具有生产环境下的使用。
二、实例详解功能丰富的GridView
首先,要实现日常应用的常见功能:展示数据、翻页、修改、更新、删除、查询等,结果如下图:
(1)GridView绑定数据
在页面载入的时候绑定数据库信息:
public void InitData()
{
this.GridView1.DataSource = SoftToolsDAL.SelectAllSoftTools();//返回数据类型List<SoftToolsMDL>
this.GridView1.DataBind();
}
(2)编辑、修改、更新
首先,在前台HTML页面里面创建GridView控件,并如下创建事件和样式。
<asp:GridView ID="GridView1" runat="server" Width="100%" OnPageIndexChanging="GridView1_PageIndexChanging" OnRowCommand="GridView1_RowCommand"
OnRowDeleting="GridView1_RowDeleting" Font-Size="13px" CellPadding="8" OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowEditing="GridView1_RowEditing"
OnRowDataBound="GridView1_RowDataBound" PageSize="20" AllowPaging="True" AutoGenerateColumns="False" CssClass="table table-bordered table-striped cf"
GridLines="None">
<RowStyle ForeColor="#333333" BackColor="#F7F6F3"></RowStyle>
<Columns>
<asp:TemplateField HeaderText="序号" InsertVisible="False" SortExpression="SoftId" ItemStyle-CssClass="col1" ItemStyle-Width="50" ItemStyle-HorizontalAlign="Center" HeaderStyle-CssClass="headcenter" HeaderStyle-Width="45">
<ItemTemplate>
<asp:HiddenField ID="hf_softid" runat="server" Value='<%# Eval("SoftId") %>' />
<%#Container.DataItemIndex+1 %>
</ItemTemplate>
</asp:TemplateField>
<%--<asp:BoundField DataField="Softname" HeaderText="软件名称" SortExpression="Softname" >&l