ASPxGridView之PreviewRow

时间:2010-01-21 12:58 来源:未知 作者:admin 点击: 451次 我要投稿   高质量的ASP.NET空间,完美支持1.0/2.0/3.5/MVC等

ASPxGridView之Preview主要解决表中较长字段的显示。

参考官方Demos:http://demos.devexpress.com/ASPxGridViewDemos/Templates/Preview.aspx

http://demos.devexpress.com/ASPxGridViewDemos/Rows/PreviewRow.aspx

如短字段姓名,性别,出生日期之类的,几个字符就可以了,在一列就可以显示。而比如备注,说明,大图片,放在ASPxGridView的一列中,就影响了美观。PreViewRow较好的解决了这个问题。

下面是使用PreViewRow的步骤:

1、拖放一个ASPxGridView(重命名为grid)和ObjectDataSource(重命名为objds) 到页面。

2、为objds选择业务对象和select方法。

3、设置grid的数据源为objds,此时grid会自动绑定所有列。为了展示较长字段,必须制定为PreviewRow赋值为一列名,并且让PreviewRow显示。如下图设置。我这里是PreviewFieldName="FTI_MARK",<Settings ShowPreview="True" />

4、在页面中展示的效果如下图。我们发现FTI_MARK不为空才显示,整体看起来样式不统一,而其别人不知道这一行是展示的什么数据。怎么办呢?可以使用Templates 中PreViewRow。

 5、在设计模式下,鼠标定位于aspxGridView,点击右上角的三角形,选择编辑模板。

使用Templates 中PreViewRow。

6、在PreViewRow中拖放进一个Table,修改为一行2列。第一列写列名,备注,第二列写数据,<%#Eval("FTI_MARK")%>

这样无论FTI_MARK有没有数据都显示,而其我们可以加进别的有用信息。效果如下图:

 

 

前台代码如下无后台代码

 

前台代码aspx
<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " MyTest.aspx.cs "  Inherits = " MyTest "   %>

<% @ Register Assembly = " DevExpress.Web.ASPxEditors.v8.1, Version=8.1.3.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1 "
    Namespace
= " DevExpress.Web.ASPxEditors "  TagPrefix = " dxe "   %>

<% @ Register Assembly = " DevExpress.Web.ASPxGridView.v8.1, Version=8.1.3.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1 "
    Namespace
= " DevExpress.Web.ASPxGridView "  TagPrefix = " dxwgv "   %>

<! 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 > 无标题页 </ title >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
        
< dxwgv:ASPxGridView  ID ="ASPxGridView1"  runat ="server"  AutoGenerateColumns ="False"  DataSourceID ="objDs"  KeyFieldName ="FTI_ID"  PreviewFieldName ="FTI_MARK" >
            
< Settings  ShowPreview ="True"   />
            
< Columns >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_ID"  VisibleIndex ="0" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_FUNCTIONCODE"  VisibleIndex ="1" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_FUNCTIONNAM"  VisibleIndex ="2" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_LINKPAGE"  VisibleIndex ="3" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_PARENTNODECODE"  VisibleIndex ="4" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_ORDER"  VisibleIndex ="5" >
                
</ dxwgv:GridViewDataTextColumn >
                
< dxwgv:GridViewDataTextColumn  FieldName ="FTI_LEVEL"  VisibleIndex ="6" >
                
</ dxwgv:GridViewDataTextColumn >
            
</ Columns >
            
< Templates >
                
< PreviewRow >
                    
< table >
                        
< tr >
                            
< td  >
                                备注:
</ td >
                            
< td  >
                            
<% # Eval ( " FTI_MARK " ) %>
                            
</ td >
                            
                        
</ tr >
                        
                    
</ table >
                
</ PreviewRow >
            
</ Templates >
        
</ dxwgv:ASPxGridView >
        
< asp:ObjectDataSource  ID ="objDs"  runat ="server"  SelectMethod ="FindAllFunctionTreeInfo"  TypeName ="DHC.EAS.Bo.BoFunctionTreeInfo" ></ asp:ObjectDataSource >
    
</ div >
    
</ form >
</ body >
</ html >

转载于:https://www.cnblogs.com/gaoxuzhao/archive/2011/10/12/2208784.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值