GridViewの特定単語の強調表示のバックアップソース(No.8)

閲覧総計：&counter();　　（本日：&counter(today);　　昨日：&counter(yesterday);)

　GridViewの特定単語の背景をクリーム色にし、本文中のどこに存在するかがひと目で
わかる様に強調表示する方法を確認した。　09/10/18

【方法】
#ref(RowDataBound21.JPG);
 Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
     If e.Row.RowType = DataControlRowType.DataRow Then
         For i As Integer = 0 To e.Row.Cells.Count - 1
             e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace("佐藤", "<B Style='background-color:#fff495'>佐藤</B>")
         Next
     End If
  End Sub

開発環境：VWD2005 + Access2003
サーバ：ASP.NET2.0 + Access2003

【機能】GridViewの「佐藤」の文字の背景がクリーム色になり強調され、存在がひと
目で把握できる。

【稼働画面】
#ref(KeyWordEmphasize21.JPG);

Accessデータベース名：MeiboDB.mdb
テーブル名：MeiboTable2
|~フィールド名|~データ型|~フィールドサイズ|
|ID (主キー)|オートナンバー型|長整数型|
|namae|テキスト型|50|
|syussin|テキスト型|50|

※VWD2005、ASP.NET2.0環境ではAccess2007のDBファイル形式(*.accdb)は利用できな
い模様。DBファイルは「Acces2002-2003形式(*.mdb)」で保存して利用する。


「キーワード検索」機能稼働ページの全コード
【KeyWordEmphasize21.aspx】
 <%@ Page Language="VB" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <script runat="server">
 
     Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
         If e.Row.RowType = DataControlRowType.DataRow Then
             For i As Integer = 0 To e.Row.Cells.Count - 1
                 e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace("佐藤", "<B Style='background-color:#fff495'>佐藤</B>")
             Next
         End If
     End Sub
 
 </script>
 
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>検索キーワードの背景をクリームにし強調表示</title>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         特定の単語の背景をクリームにし強調表示 09/10/18<br />
         <br />
         【機能】GridViewの「佐藤」の背景をクリーム色にし強調表示する。<br />
         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID"
             DataSourceID="AccessDataSource1" EmptyDataText="表示するデータ レコードがありません。" CellPadding="4" ForeColor="#333333" GridLines="Vertical" OnRowDataBound="GridView1_RowDataBound">
             <Columns>
                 <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
                 <asp:BoundField DataField="namae" HeaderText="namae" SortExpression="namae" />
                 <asp:BoundField DataField="syussin" HeaderText="syussin" SortExpression="syussin" />
             </Columns>
             <RowStyle BackColor="#E3EAEB" />
             <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
             <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
             <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
             <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
             <EditRowStyle BackColor="#7C6F57" />
             <AlternatingRowStyle BackColor="White" />
         </asp:GridView>
         <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="App_Data\MeiboDB.mdb"
             DeleteCommand="DELETE FROM `MeiboTable2` WHERE `ID` = ?" InsertCommand="INSERT INTO `MeiboTable2` (`ID`, `namae`, `syussin`) VALUES (?, ?, ?)"
             SelectCommand="SELECT `ID`, `namae`, `syussin` FROM `MeiboTable2`" UpdateCommand="UPDATE `MeiboTable2` SET `namae` = ?, `syussin` = ? WHERE `ID` = ?">
             <DeleteParameters>
                 <asp:Parameter Name="ID" Type="Int32" />
             </DeleteParameters>
             <InsertParameters>
                 <asp:Parameter Name="ID" Type="Int32" />
                 <asp:Parameter Name="namae" Type="String" />
                 <asp:Parameter Name="syussin" Type="String" />
             </InsertParameters>
             <UpdateParameters>
                 <asp:Parameter Name="namae" Type="String" />
                 <asp:Parameter Name="syussin" Type="String" />
                 <asp:Parameter Name="ID" Type="Int32" />
             </UpdateParameters>
         </asp:AccessDataSource>
     
     </div>
     </form>
 </body>
 </html>


【参考にしたページ】
「GridViewで特定の単語を強調表示したい」
http://bbs.wankuma.com/index.cgi?mode=al2&namber=42395&KLOG=72



#comment_nospam
#vote(参考になった[4],ふつう[0],参考にならなかった[0])
GridViewの特定単語の強調表示 のバックアップソース(No.8)

GridViewの特定単語の強調表示のバックアップソース(No.8)
