时间: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

ASPxGridView之PreviewRow相关推荐

  1. (转载)DevExpress ASPxGridView 使用文档六：模板

    转载请注明出处:http://surfsky.cnblogs.com/ --------------------------------------------------------- -- ASP ...

  2. 如何触发AspxGridview的PageIndexChanged 客户端事件

    ? 最近在使用AspxGridview控件时,遇到一个问题,就是在触发AspxGridview分页事件之后,需要在执行js事件,找了好久,在官网上找到处理的办法. 就是在cs页面设置变量在触发Page ...

  3. DX:ASPxGridView使用选择事件的前置条件

    首先把enablecallbacks属性设置为false. settingsbehavior下的processselectionchangonserver设置为true 选择事件必须要给ASPxGri ...

  4. 异步GridView(ASPxGridView) 特点介绍(2) - 筛选(Filter)、弹出编辑(Editing)

    这里补充一下 Devexpress 控件的引用方式:先下载安装程序.安装,然后拖动出现在工具栏的相应控件进行引用 -- 非常简单.不过朋友们在学习的过程中记得给那些非免费的产品装上破解补丁(对应您下载 ...

  5. (转载)DevExpress ASPxGridView 使用文档一：概述

    转载请注明出处:http://surfsky.cnblogs.com/ 前言 说实话,对于这种控件类的使用,我并不喜欢使用或者编写教程之类的文章,一来本来就很简单,二来实在没有这种时间.就我的经验而言 ...

  6. Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据

    Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据 主要是利用 ASPxTreeList 点击事件回发服务器进行数据重新绑定 ASPxTreeList: ? 1 2 &l ...

  7. 如何对DevExpress ASPxGridView进行分组排序？

    有时候客户想要在一个域内对ASPxGridView的栏进行分组,而在另一个域内对其排序.本文中,我想描述一下如何通过不同的方法实现这个特点.因为,这并不像它可能看起来的那样简单. 在设计时,我们创建了 ...

  8. ASPxGridView EditFormLayout修改 TextBox文本长度

    最近用DevExpress 的WebForm控件做项目,遇到一个奇葩的问题,困扰了我好久,拿出来跟大家分享一下. 在使用ASPxGridView控件做数据的增删改查时,系统提供的编辑表单是非常好用的, ...

  9. aspxgridview 增加行号

    近日,是项目中要用到 DEVEXPRESS的ASPxGridView控件,要求能自动显示行号,现将代码共享一下. aspx页面:==================================== ...

最新文章

  1. Navicat For Mysql快捷键
  2. 第一章：1.2.2系统分类（一）
  3. 学生们喜欢在计算机教室上课用英语怎么说,说说学习本课的感想，并谈谈在信息技术课堂上如何体现以学生为主体，教师为主导？...
  4. 汇编语言（三）之判断数值是否大于42H并统计个数
  5. 阿里巴巴指东打西，PC之后卖盒饭?
  6. 20天掌握C语言,C语言零基础到项目实战，玩转C语言
  7. SQLite数据库的特性
  8. （转）淘淘商城系列——使用maven tomcat插件启动web工程
  9. idea关闭当前项目
  10. G2.9 std_alloc源码剖析
  11. 我第一次面试自动化测试就被diss了，人生惨遭滑铁卢…
  12. 第D题 把手放在键盘上时，稍不注意就会往右错一位。
  13. Oracle表空间、段、区和块
  14. ENVI53 辐射校正、大气校正、影像裁剪超详细教程
  15. Elasticsearch 结合dynamic-synonym实现同义词热加载
  16. 埃默里大学计算机值得读吗,埃默里大学计算机科学-生物统计学硕士研究生怎么样？好不好...
  17. 大型网站图片服务器架构的演进！
  18. 从零开始学习idea开发vue
  19. linux下home目录迁移
  20. JS的报错处理（throw、try、catch）

热门文章

  1. 【 FPGA 】四位16进制的数码管动态显示设计
  2. Linu 修改maven的setting保护文件
  3. Semaphore控制同时访问的线程个数countdownlatch等待多个线程执行完本身线程再执行...
  4. SLF4J log4j 学习笔记一
  5. Zabbix discoverer processes more than 75% busy
  6. ubuntu下安装nginx时依赖库zlib，pcre，openssl安装方法
  7. 六大重点工程构筑兰州大数据产业
  8. 平安技术开放日质量保证技术专场第一期 [附部分 ppt]
  9. 手把手教你搭建微信点餐系统环境(springmvc+ibatis+maven+git)
  10. Qt编程之通过鼠标滚轮事件缩放QGraphicsView里面的Item