閲覧総計：2501　　（本日：1　　昨日：0)

　GridViewのテキスト情報の特定単語を強調表示する手法は「GridViewの特定単語の強調表示」
で確認できた。
　今回は、GridViewのHyperLink文字列の特定単語の背景をクリーム色にし、本文中の
どこに存在するかがひと目でわかる様に強調表示する方法を確認した。　09/10/25

【方法】

RowDataBound21.JPG

※HyperLinkの列はCells(1)の「書籍名HL」　特定単語は「ASP.NET」とした。

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
            If i = 1 Then
                Dim hyl As HyperLink = CType(e.Row.Cells(1).Controls(0), HyperLink)
                hyl.Text = hyl.Text.Replace("ASP.NET", "<B Style='background-color:#fff495'>ASP.NET</B>")
            Else
                e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace("ASP.NET", "<B Style='background-color:#fff495'>ASP.NET</B>")
            End If
        Next
    End If
End Sub

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

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

【稼働画面】

GVHyperLinkEmphasize01.JPG

Accessデータベース名：HonDB.mdb
テーブル名：HonTable

フィールド名データ型フィールドサイズ
ID (主キー)オートナンバー型長整数型
書籍名テキスト型100
出版社テキスト型50
ISBN10テキスト型20

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

「キーワード検索」機能稼働ページの全コード
【GVHyperLinkEmphasize01.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
                If i = 1 Then
                    Dim hyl As HyperLink = CType(e.Row.Cells(1).Controls(0), HyperLink)
                    hyl.Text = hyl.Text.Replace("ASP.NET", "<B Style='background-color:#fff495'>ASP.NET</B>")
                Else
                    e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace("ASP.NET", "<B Style='background-color:#fff495'>ASP.NET</B>")
                End If
            Next
        End If
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>GridViewのHyperLinkの特定単語の強調表示</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        GridViewのHyperLinkの特定単語の強調表示 09/10/25<br />
        <br />
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID"
            DataSourceID="AccessDataSource1" EmptyDataText="表示するデータ レコードがありません。" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
                <asp:HyperLinkField DataNavigateUrlFields="ISBN10" DataNavigateUrlFormatString="http://bookweb.kinokuniya.co.jp/htm/{0}.html"
                    DataTextField="書籍名" DataTextFormatString="{0}" HeaderText="書籍名HL" />
                <asp:BoundField DataField="出版社" HeaderText="出版社" SortExpression="出版社" />
            </Columns>
        </asp:GridView>
        <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="App_Data\honDB.mdb"
            DeleteCommand="DELETE FROM `HonTable` WHERE `ID` = ?" InsertCommand="INSERT INTO `HonTable` (`ID`, `書籍名`, `出版社`, `ISBN10`) VALUES (?, ?, ?, ?)"
            SelectCommand="SELECT `ID`, `書籍名`, `出版社`, `ISBN10` FROM `HonTable`" UpdateCommand="UPDATE `HonTable` SET `書籍名` = ?, `出版社` = ?, `ISBN10` = ? WHERE `ID` = ?">
            <DeleteParameters>
                <asp:Parameter Name="ID" Type="Int32" />
            </DeleteParameters>
            <InsertParameters>
                <asp:Parameter Name="ID" Type="Int32" />
                <asp:Parameter Name="書籍名" Type="String" />
                <asp:Parameter Name="出版社" Type="String" />
                <asp:Parameter Name="ISBN10" Type="String" />
            </InsertParameters>
            <UpdateParameters>
                <asp:Parameter Name="書籍名" Type="String" />
                <asp:Parameter Name="出版社" Type="String" />
                <asp:Parameter Name="ISBN10" Type="String" />
                <asp:Parameter Name="ID" Type="Int32" />
            </UpdateParameters>
        </asp:AccessDataSource>
        <br />
        <br />
        <br />
    
    </div>
    </form>
</body>
</html>

【参考にしたページ】
「VS2005 ASP.NET　ＧｒｉｄView　ハイパーリンク」　07/11/02
http://questionbox.jp.msn.com/qa3482817.html


選択肢 投票
参考になった 0  
ふつう 0  
参考にならなかった 0  
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS