- 追加された行はこの色です。
- 削除された行はこの色です。
閲覧総計:&counter(); (本日:&counter(today); 昨日:&counter(yesterday);)
GridViewの特定単語の背景をクリーム色にし、本文中のどこに存在するかがひと目で
わかる様に強調表示する方法を確認した。 09/10/18
GridViewのテキスト情報の特定単語を強調表示する手法は「[[GridViewの特定単語の強調表示]]」
で確認できた。
今回は、GridViewのHyperLink文字列の特定単語の背景をクリーム色にし、本文中の
どこに存在するかがひと目でわかる様に強調表示する方法を確認した。 09/10/25
【方法】
#ref(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
e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace("佐藤", "<B Style='background-color:#fff495'>佐藤</B>")
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
End Sub
開発環境:VWD2005 + Access2003
サーバ:ASP.NET2.0 + Access2003
【機能】GridViewの「佐藤」の文字の背景がクリーム色になり強調され、存在がひと
目で把握できる。
【機能】GridViewのHyperLinkの「ASP.NET」の文字の背景がクリーム色になり強調
され、存在場所がひと目で把握できる。
【稼働画面】
#ref(KeyWordEmphasize21.JPG);
#ref(GVHyperLinkEmphasize01.JPG);
Accessデータベース名:MeiboDB.mdb
テーブル名:MeiboTable2
Accessデータベース名:HonDB.mdb
テーブル名:HonTable
|~フィールド名|~データ型|~フィールドサイズ|
|ID (主キー)|オートナンバー型|長整数型|
|namae|テキスト型|50|
|syussin|テキスト型|50|
|書籍名|テキスト型|100|
|出版社|テキスト型|50|
|ISBN10|テキスト型|20|
※VWD2005、ASP.NET2.0環境ではAccess2007のDBファイル形式(*.accdb)は利用できな
い模様。DBファイルは「Acces2002-2003形式(*.mdb)」で保存して利用する。
「キーワード検索」機能稼働ページの全コード
【KeyWordEmphasize21.aspx】
【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>")
'TextBox1.Text &= hyl.Text
Else
'TextBox1.Text &= e.Row.Cells(i).Text
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 GridView ハイパーリンク」 07/11/02
http://questionbox.jp.msn.com/qa3482817.html
#comment_nospam
#vote(参考になった[0],ふつう[0],参考にならなかった[0])