如何使用ASPxGridView解决表中较长字段的显示
2011-10-14 14:04
357 查看
ASPxGridView之Preview主要解决表中较长字段的显示。如短字段姓名,性别,出生日期之类的,几个字符就可以了,在一列就可以显示。而比如备注,说明,大图片,放在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有没有数据都显示,而其我们可以加进别的有用信息。效果如下图:
前台代码如下无后台代码
<%@ 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>
Skelta BPM.NET(全球第一.NET工作流引擎) | Visual WebGui (完美的用户界面解决方案) |
List & Label(图表报表生成控件) | DXperience Uni Premium 白金版(慧都独家) |
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有没有数据都显示,而其我们可以加进别的有用信息。效果如下图:
前台代码如下无后台代码
<%@ 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>
相关文章推荐
- 在使用Hibernate时,因为一个查询需要更多的表连接而要使用SQL来解决性能问题。然而返回的结果集中包含了没有映射的Entity类中的表字段,在这个SQL中还有使用如何将层次关系的父子结点显示为横行
- SQl server 如何获得新增的自增长字段IDde 值 使用select @@IDENTITY能快速解决,但是怎么使用呢?
- 使用SMARTFORM字段参数设置解决SMARTFORM中数量、金额字段显示问题
- 如何使用 RowDataBound 事件在数据源中的字段值显示在 GridView 控件中之前修改该值
- Discuz!论坛使用模板后,横排模板不显示论坛注释如何解决?
- 如何使用 BindingSource 绑定 ListBox,同时解决绑定 List<T> 后修改数据源不能同时刷新界面显示的问题
- source_insight3.5字体全部变成了黑色,不能对不同类型的字段显示不同的颜色,如何解决?
- Struts迭代问题解决:如何在一行显示多个记录(同一字段)
- 如何去除Office正版验证如何解决打开office2007显示使用*版提示
- hibernate HQL left join on 使用及多表连接取不同表(封装类)字段数据显示解决办法
- 如何解决Xshell使用时中文字体是躺倒显示的问题
- 一个表里有多个字段需要同时使用字典表进行关联显示,如何写sql查询语句
- Struts2使用validation.xml验证时,如何显示字段的标签(未解决)
- 在arcgis使用python脚本进行字段计算时是如何解决中文问题的
- 如何解决Bootstrap的模态框在Framework7中使用出现遮罩无法显示的问题?
- 在arcgis使用python脚本进行字段计算时是如何解决中文问题的
- mysql导入导出数据中文乱码解决方法小结(1、navicat导入问题已解决,创建连接后修改连接属性,选择高级->将使用Mysql字符集复选框去掉,下拉框选择GBK->导入sql文件OK;2、phpmyadmin显示乱码的问题也解决,两步:1.将sql文件以utf8的字符集编码另存,2.将文件中sql语句中的字段字符集编码改成utf8,导入OK)
- 在arcgis使用python脚本进行字段计算时是如何解决中文问题的
- [STemWin]emWin的矢量字体显示要用到malloc函数,那么如何让堆空间使用外部SRAM的解决办法
- 使用SMARTFORM字段参数设置解决SMARTFORM中数量、金额字段显示问题