国产精品6,麻花传媒视频,久久综合二区

如何使用ASPxGridView解決表中較長字段的顯示

轉帖|其它|編輯：郝浩|2011-04-06 13:35:01.000|閱讀 2231 次

概述：ASPxGridView之Preview主要解決表中較長字段的顯示。如短字段姓名，性別，出生日期之類的，幾個字符就可以了，在一列就可以顯示。而比如備注，說明，大圖片，放在ASPxGridView的一列中，就影響了美觀。PreViewRow較好的解決了這個問題。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

　　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" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="//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"