我比较挫.现在才发现GridView 可以像DataList 一样使用自定义模板

最新推荐文章于 2018-11-11 00:11:29 发布
最新推荐文章于 2018-11-11 00:11:29 发布
阅读量599 收藏 1
点赞数
分类专栏： ASP.NET 文章标签： asp server security border table html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzk87/article/details/5815227
版权

   我比较挫.现在才发现GridView 可以像DataList 一样使用自定义模板, 以前一直以为不行的.~   

今天偷懒.. 做后台.不想实现 自定义分页..想用 GridView 自带的分页... 所以做了如下常识...高手绕过!!!

设计视图截图如下： 只用了SqlDataSource 数据源控件

给GridView 套用格式.. 运行 截图如下：(注: 分页效果正常)

HTML 源代码如下：

代码 
   
   

    
    
    
    <
    
    asp:GridView 
    
    ID
    
    ="GridView1"
    
     runat
    
    ="server"
    
     AutoGenerateColumns
    
    ="False"
    
     DataSourceID
    
    ="SqlDataSource1"
    
    
        AllowPaging
    
    ="True"
    
     BackColor
    
    ="White"
    
     BorderColor
    
    ="#999999"
    
     BorderStyle
    
    ="None"
    
    
        BorderWidth
    
    ="1px"
    
     CellPadding
    
    ="3"
    
     GridLines
    
    ="Vertical"
    
     PageSize
    
    ="1"
    
    >
    
    
        
    
    <
    
    RowStyle 
    
    BackColor
    
    ="#EEEEEE"
    
     ForeColor
    
    ="Black"
    
     
    
    />
    
    
        
    
    <
    
    Columns
    
    >
    
    
            
    
    <
    
    asp:TemplateField
    
    >
    
    
                
    
    <
    
    ItemTemplate
    
    >
    
    
                    
    
    <
    
    table 
    
    width
    
    ="100%"
    
     border
    
    ="1"
    
     cellspacing
    
    ="0"
    
     cellpadding
    
    ="0"
    
    >
    
    
                        
    
    <
    
    tr
    
    >
    
    
                            
    
    <
    
    td
    
    >
    
    
                                
    
    <
    
    asp:Label 
    
    ID
    
    ="Label4"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Bind("nTitle") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    
                            
    
    </
    
    td
    
    >
    
    
                            
    
    <
    
    td
    
    >
    
    
                                
    
    <
    
    asp:Label 
    
    ID
    
    ="Label5"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Bind("nDate") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    
                            
    
    </
    
    td
    
    >
    
    
                            
    
    <
    
    td
    
    >
    
    
                                价格
                            
    
    </
    
    td
    
    >
    
    
                        
    
    </
    
    tr
    
    >
    
    
                        
    
    <
    
    tr
    
    >
    
    
                            
    
    <
    
    td 
    
    colspan
    
    ="3"
    
    >
    
    
                                
    
    <
    
    asp:Label 
    
    ID
    
    ="Label6"
    
     runat
    
    ="server"
    
     Text
    
    ='<%# 
    
    Bind("nDescription") %
    
    >
    
    '>
    
    </
    
    asp:Label
    
    >
    
    
                            
    
    </
    
    td
    
    >
    
    
                        
    
    </
    
    tr
    
    >
    
    
                        
    
    <
    
    tr
    
    >
    
    
                            
    
    <
    
    td 
    
    colspan
    
    ="3"
    
    >
    
    
                                
    
    <
    
    hr 
    
    />
    
    
                            
    
    </
    
    td
    
    >
    
    
                        
    
    </
    
    tr
    
    >
    
    
                    
    
    </
    
    table
    
    >
    
    
                
    
    </
    
    ItemTemplate
    
    >
    
    
            
    
    </
    
    asp:TemplateField
    
    >
    
    
        
    
    </
    
    Columns
    
    >
    
    
        
    
    <
    
    FooterStyle 
    
    BackColor
    
    ="#CCCCCC"
    
     ForeColor
    
    ="Black"
    
     
    
    />
    
    
        
    
    <
    
    PagerStyle 
    
    BackColor
    
    ="#999999"
    
     ForeColor
    
    ="Black"
    
     HorizontalAlign
    
    ="Center"
    
     
    
    />
    
    
        
    
    <
    
    SelectedRowStyle 
    
    BackColor
    
    ="#008A8C"
    
     Font-Bold
    
    ="True"
    
     ForeColor
    
    ="White"
    
     
    
    />
    
    
        
    
    <
    
    HeaderStyle 
    
    BackColor
    
    ="#000084"
    
     Font-Bold
    
    ="True"
    
     ForeColor
    
    ="White"
    
     
    
    />
    
    
        
    
    <
    
    AlternatingRowStyle 
    
    BackColor
    
    ="#DCDCDC"
    
     
    
    />
    
    
    
    
    </
    
    asp:GridView
    
    >
    
    
    
    
    <
    
    asp:SqlDataSource 
    
    ID
    
    ="SqlDataSource1"
    
     runat
    
    ="server"
    
     ConnectionString
    
    ="Data Source=.;Initial Catalog=YingCedb;Persist Security Info=True;User ID=sa;Password=as"
    
    
        ProviderName
    
    ="System.Data.SqlClient"
    
     SelectCommand
    
    ="SELECT [nTitle], [nDate], [nDescription], [nKeyWord] FROM [YingCe_New]"
    
    >
    
    
    
    
    </
    
    asp:SqlDataSource
    
    >

 

 

 

Game Over !  欢迎拍砖!! HOHO ...不要骂人哈.~~

周煜皓
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET的GridView控件自定义模板设计实例
03-07
ASP.NET的GridView控件自定义模板设计实例
自定义GridView分页模板
aome1470的博客
03-22 123
GridView较之DataGrid提供了更加强大、更加完善的功能，而且具备了丰富的可扩展功能，可以使用GridView提供的pagertemplate自定义分页模板： 事实上，GridView默认的几中分页样式，都是将相关按钮的CommandName设为Page，而CommandArgument设为相关参数，可接受的参数包括，first，last，prev，next，<Page...
GridView自定义模板
popo0027的专栏
09-07 461
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.DataItem != null) { //System.Diagnostics.Debug.WriteLine(e.Row.DataItem.ToS
Gridview 绑定自定义页面模板
weixin_34055910的博客
09-17 159
要在页脚显示如总页数的信息，你可以用<PagerTemplate>项，如下例所示： <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" DataKeyNames="ID" AllowPaging="true" PageSize=...
在ASP.NET 2.0中操作数据之二十九：用DataList和Repeater来显示数据
01-20
导言 　在之前的28篇教程的例子里,...　为了在显示多条记录时,有更好的自定义功能,ASP.NET 2.0提供了DataList 和Repeater (ASP.NET 1.x版本里也有 ).DataList 和Repeater 使用模板来显示内容,而不是象在GridView里那样
总结Visual Studio下ASP.NET模板化控件中的数据绑定
01-21
此外，您还可以将模板与 GridView 和 DetailsView 控件一同使用，以自定义数据布局。 通过将模板化控件的 DataSourceID 属性设置为数据源控件的 ID，可以将模板化控件绑定到数据源控件（例如 LinqDataSource、...
ASP.NET.4揭秘
06-08
13.2.3 在datalist控件中使用模板494 13.2.4 使用datalist控件选择数据496 13.2.5 使用datalist控件编辑数据499 13.2.6 格式化datalist控件503 13.3 小结505 第14章 使用listview和datapager控件506 14.1 使用...
ASP.NET Web程序设计 第八章 数据绑定控件（二）
12-14
一、GridView数据绑定（重点） ...3）TemplateField：模板列，以模板的形式自定义数据绑定列的内容，等同于DataList或Repeater中的ItemTemplate 3、GridView自定义列标题文本的主要步骤： 1）选中 BoundField
ASP.NET 控件的使用
04-02
13.2.3 在DataList控件中使用模板 433 13.2.4 使用DataList控件选择数据 434 13.2.5 使用DataList控件编辑数据 437 13.2.6 格式化DataList控件 440 13.3 小结 442 第14章　使用ListView和DataPager控件 443 14.1 ...
GridView中的自定义列
menglonghou的专栏
04-22 1163
GridView 可以根据数据源自动生成列，但是如果我们需要自定义列的显示方式，让GridView的列完完全全的由我们自己来控制，我们就需要用到一种特殊的列 ――TemplateField。因为GridView生成的列都是一个字段一列，如果我们需要把两个字段合并为一列显示呢？我们可以使用模板列。我们可以指定包含标记和控件的模版，自定义列的布局和行为，我们可以新建一个模版列，也可以直接把已经生成的列
数据列表DataList模板之实例
xyjikl
11-02 3897
1，数据列表DataList与重复列表Repeator很类似，但是DataList应用更广泛，因为他可以选择和修改数据项的内容。 DataList的数据显示和布局与Repeator控件一样都是通过“模板”控制的。 （注：模板至少要定义一个“数据项模板”（ItemTemplate）来指定显示布局）   2，DataList支持的模板类型： 模板
【ASP.NET】DataList控件之ItemTemplate模式(自定义模板)
热门推荐
两水先木示的博客
11-11 1万+
一、DataList呈现效果图如下： 二、前端控件代码： &lt;asp:DataList ID="DataList1" OnItemCommand="DataList1_ItemCommand" runat="server"&gt; &lt;ItemTemplate&gt; &lt;table border="0" runat=&
Gridview中自定义模板中增加控件后创建该控件事件
yumi_yu的专栏
06-27 936
今天由于项目的需要，需要在Gridview中自定义一个模板列，在该列中分别放置了两个ImageButton的控件，一个是提供“删除”功能，一个是“编辑”功能，也许有人会说这不是Gridview中已经有的模板吗？但是我要实现的方式是那两者不能提供的！也许是我没有深入研究~~~ 现在提供下我自己的解决方案 1.在界面上：                                 
GridView自定义模板的编辑,更新,取消,删除
Insus.NET
03-30 8338
本实例是面向对学asp.net在对GridView做 编辑,更新,取消,删除功能时,不能实现,或是遇上困难而作,详细的程序操作过程:http://download.csdn.net/source/397336希望能帮得忙!
用html构造来代替Gridview
lujianfeiccie2009的专栏
04-26 2111
using System;using System.Collections;using System.Configuration;using System.Data;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;usin
asp自定义GridView的 Columns在aspx.cs文件
最新发布
05-25
在 ASP.NET 中，GridView 控件的列可以在 aspx 页面中定义，也可以在 aspx.cs 文件中动态添加。如果您想在 aspx.cs 文件中添加 GridView 的列，可以通过以下代码实现： ```csharp protected void Page_Load(object ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值