欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET——GridView控件绑定数据

程序员文章站 2022-04-11 20:04:49
asp.net提供了许多种数据服务器控件,用于在web页面中显示中的表数据,gridview控件就是其中之一。这个控件和我们以前学过的datagridview控件几...

asp.net提供了许多种数据服务器控件,用于在web页面中显示中的表数据,gridview控件就是其中之一。这个控件和我们以前学过的datagridview控件几乎是一样的,所以对gridview控件我们也并不陌生,下面简单介绍一下它的使用。

前台:

在工具箱中找到gridview控件,并把它拖拽到代码编辑区域。

ASP.NET——GridView控件绑定数据

第一步,进入设计界面,在gridview控件上方有一个向右的黑色小三角,单击这个按钮,选择编辑列,如图:喎? f/ware/vc/"="" target="_blank" class="keylink">vc3ryb25npjwvcd4kpha+phn0cm9uzz48aw1nihnyyz0="/uploadfile/collfiles/20140726/20140726091434223.png" alt="\">喎?>


第二步,去掉自动生成字段前面的勾选,选择根据绑定内容选择boundfield。

ASP.NET——GridView控件绑定数据


第三步,设置标题名称headertext和绑定字段名称datafield。

ASP.NET——GridView控件绑定数据


第四步,如果要统一设置表单每行的样式,选择将每个字段转化为templatefield即可。

ASP.NET——GridView控件绑定数据


上面这些步骤设置好后,会自动生成html代码。

    

最新新闻 asp:gridview id="gvnewnews" runat="server" autogeneratecolumns="false" borderwidth="0" gridlines="none"> '">[] '" target="_blank" title="''"> '">

热点新闻 '">[] '" target="_blank" title="''"> '">


后台代码:

protected void page_load(object sender, eventargs e)
    {
        if (!page.ispostback)
        {
            // 第一次进入该页面时

            newsmanager nm = new newsmanager();
            // 绑定最新新闻
            gvnewnews.datasource = nm.selectnewnews();
            gvnewnews.databind();

            // 绑定热点新闻
            gvhotnews.datasource = nm.selecthotnews();
            gvhotnews.databind();
        }
    }
比较:

在牛腩新闻发布中,还讲到一个绑定数据的控件,叫做repeater控件,repeater控件没有自己内置的呈现功能,这意味着用户必须通过创建模板来提供repeater控件的布局,需要用itemtemplate来定义模板。

和repeater控件相比,gridview控件功能更强大,灵活性更强,能够自定义每行每列的样式,但是有一个不好的缺点就是生成多余代码太多,各有千秋把算是。