ASPxGridView之PreviewRow girdview列文字大长度解决
来源:互联网 发布:小视频修改软件 编辑:程序博客网 时间:2024/06/03 20:58
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>
- ASPxGridView之PreviewRow girdview列文字大长度解决
- 反射应用之GirdView多列排序
- DevExpress学习之ASPxGridView后台增加列
- DevExpress学习之ASPxGridView后台增加列
- GirdView隐藏列
- 改变CListCtrl列的最大文字长度
- ASPXGridView应用模板列
- aspxgridview 添加列
- ASPxGridView列的使用
- 解决 文字标签长度 过度问题
- DevExpress AspxGridView列超过一定数量更新和删除不起作用解决(AccessDataSource配置数据源时别图省力选*)
- aspxgridview后台设置列宽
- Devexpress ASPxGridView 绑定模板列
- ASPxGridView 后台选择多列
- UltraWebGrid根据单元格文字长度自适应列宽
- C++中计算文字列长度的方法
- girdview 图标与文字同时存在
- ASPxGridView控件之疑问?
- 安装Ubuntu
- .Net读取XP文件夹中的Thumbs.db文件
- LPTSTR、LPCSTR、LPCTSTR、LPSTR的概念
- 用PS切片工具分割图片(切片的使用)
- 工具箱
- ASPxGridView之PreviewRow girdview列文字大长度解决
- reactos操作系统实现(184)
- mysql和oracle分页注意点
- YUI 3.0.0 -- YUI 新一代代码结构
- FastReport 打印和导出 Excel、Word 等
- 使用wxwidgets的总结
- 四图切换
- ASP.NET中用户控件和页面的区别
- 进行网页设计开发的一些资源