轉(zhuǎn)帖|其它|編輯:郝浩|2011-04-06 13:35:01.000|閱讀 2231 次
概述:ASPxGridView之Preview主要解決表中較長字段的顯示。如短字段姓名,性別,出生日期之類的,幾個(gè)字符就可以了,在一列就可以顯示。而比如備注,說明,大圖片,放在ASPxGridView的一列中,就影響了美觀。PreViewRow較好的解決了這個(gè)問題。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
ASPxGridView之Preview主要解決表中較長字段的顯示。如短字段姓名,性別,出生日期之類的,幾個(gè)字符就可以了,在一列就可以顯示。而比如備注,說明,大圖片,放在ASPxGridView的一列中,就影響了美觀。PreViewRow較好的解決了這個(gè)問題。
下面是使用PreViewRow的步驟:
1、拖放一個(gè)ASPxGridView(重命名為grid)和ObjectDataSource(重命名為objds) 到頁面。
2、為objds選擇業(yè)務(wù)對象和select方法。
3、設(shè)置grid的數(shù)據(jù)源為objds,此時(shí)grid會自動綁定所有列。為了展示較長字段,必須制定為PreviewRow賦值為一列名,并且讓 PreviewRow顯示。如下圖設(shè)置。我這里是PreviewFieldName="FTI_MARK",<Settings ShowPreview="True" />
4、在頁面中展示的效果如下圖。我們發(fā)現(xiàn)FTI_MARK不為空才顯示,整體看起來樣式不統(tǒng)一,而其別人不知道這一行是展示的什么數(shù)據(jù)。怎么辦呢?可以使用Templates 中PreViewRow。
5、在設(shè)計(jì)模式下,鼠標(biāo)定位于aspxGridView,點(diǎn)擊右上角的三角形,選擇編輯模板。
使用Templates 中PreViewRow。
6、在PreViewRow中拖放進(jìn)一個(gè)Table,修改為一行2列。第一列寫列名,備注,第二列寫數(shù)據(jù),<%#Eval("FTI_MARK")%>
這樣無論FTI_MARK有沒有數(shù)據(jù)都顯示,而其我們可以加進(jìn)別的有用信息。效果如下圖:
前臺代碼如下無后臺代碼
<%@ 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" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標(biāo)題頁</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>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:gumarco博客