検索キーワードの強調表示（多単語、多列）のバックアップ差分(No.7)

追加された行はこの色です。
削除された行はこの色です。
#freeze
閲覧総計：&counter();　　（本日：&counter(today);　　昨日：&counter(yesterday);)

　検索キーワードの背景をクリーム色にし、検索キーワードが本文中のどこに存在する
かがひと目でわかる様に強調表示する方法を確認した。　09/10/17

【方法】
#ref(RowDataBound.JPG);
 Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
     Dim SplitKeyWords As String() = TextBox1.Text.Split("　 ".ToCharArray(), StringSplitOptions.RemoveEmptyEntries) ' 全角と半角のスペース
     If e.Row.RowType = DataControlRowType.DataRow Then
         For i As Integer = 0 To e.Row.Cells.Count - 1
             For j As Integer = 0 To SplitKeyWords.Length - 1
                 e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace(SplitKeyWords(j), "<B Style='background-color:#fff495'>" & SplitKeyWords(j) & "</B>")
             Next
         Next
     End If
 End Sub

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

【機能】GridViewの検索キーワードの背景がクリーム色になり強調され、本文中の検索キーワードがひと目で把握できる。

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

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

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


「キーワード検索」機能稼働ページの全コード
【KeyWordEmphasize01.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 Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
         'スペースで区切られた単語のand検索を行う
         'TextBoxが空の場合は全件を表示
         AccessDataSource1.SelectParameters.Clear() 'パラメータをクリア 
         AccessDataSource1.SelectCommand = "SELECT [ID], [namae], [syussin] FROM [MeiboTable2]"
         Dim wa As String = " WHERE "
         Dim SplitKeyWords As String() = Me.TextBox1.Text.Split("　 ".ToCharArray(), StringSplitOptions.RemoveEmptyEntries) ' 全角と半角のスペース
         For i As Integer = 0 To SplitKeyWords.Length - 1
             AccessDataSource1.SelectParameters.Add("KeyWord" & i, "%" & SplitKeyWords(i) & "%")
             AccessDataSource1.SelectCommand &= wa & "(namae LIKE @KeyWord" & i & " OR syussin LIKE @KeyWord" & i & ")"
             wa = " AND "
         Next
     End Sub
    
     Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)
         Dim SplitKeyWords As String() = TextBox1.Text.Split("　 ".ToCharArray(), StringSplitOptions.RemoveEmptyEntries) ' 全角と半角のスペース
         If e.Row.RowType = DataControlRowType.DataRow Then
             For i As Integer = 0 To e.Row.Cells.Count - 1
                 For j As Integer = 0 To SplitKeyWords.Length - 1
                     e.Row.Cells(i).Text = e.Row.Cells(i).Text.Replace(SplitKeyWords(j), "<B Style='background-color:#fff495'>" & SplitKeyWords(j) & "</B>")
                 Next
             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/17<br />
         <br />
         検索キーワード：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="検索" /><br />
         &nbsp;
         <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" />
             <AlternatingRowStyle BackColor="White" />
             <EditRowStyle BackColor="#7C6F57" />
         </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>
         <br />
     
     </div>
     </form>
 </body>
 </html>


【参考にしたページ】
　　なし
- 1 -- [[1]] &new{2012-07-09 (月) 09:15:58};
- 1 -- [[1]] &new{2012-07-09 (月) 09:16:01};
- 1 -- [[-1']] &new{2012-07-09 (月) 09:16:02};
-- 1' -- [[1]] &new{2012-07-09 (月) 09:16:03};
- 1 -- [[1]] &new{2012-07-09 (月) 09:16:04};
- 1 -- [[1]] &new{2014-11-03 (月) 21:24:49};
- 1 -- [[1]] &new{2014-11-03 (月) 21:24:51};
- 1 -- [[-1']] &new{2014-11-03 (月) 21:24:52};
-- 1' -- [[1]] &new{2014-11-03 (月) 21:24:53};
- 1 -- [[1]] &new{2014-11-03 (月) 21:24:54};
- 2015-10-6  xiaozhengm    http://www.louisvuitton-lvoutlet.me  http://www.louisvuitton.net.co  http://www.michaelkors-outletonlines.in.net  http://www.ralph-lauren.me.uk  http://www.michael-korsoutlets.eu.com  http://www.true-religion-outlet.in.net  http://www.coach-factoryoutlet.in.net  http://www.christianlouboutinoff.us   http://www.coach-factoryoutlet.com.co  http://www.coachoutlet-storeonline.in.net  http://www.hermes-birkin.us  http://www.michael-korshandbags.net.co  http://www.louis-vuittonhandbags.us  http://www.Quality-Outlet.com  http://www.cheaplouisvuittonhandbags.org  http://www.officialcoachfactoryoutlet.eu.com  http://www.jordan8.net  http://www.hollisteruksale.me.uk  http://www.coachoutlet-storeonline.us.com  http://www.cheap-tomsoutlet.us  http://www.uggbootoutlet.in.net  http://www.coach-factory-outlet-online.us.com  http://www.louis-vuittonoutlet.us.com  http://www.ralphlauren-uk.me.uk  http://www.uggsoutlet.in.net  http://www.jordan4.net  http://www.michaelkors-outlet.name  http://www.authenticlouisvuittonhandbags.net  http://uggsaustralia.officialus.net  http://www.canadagoose-outlet.us.com  http://www.christianlouboutinsell.net  http://www.coach-factoryoutlet.cc  http://www.outlet-toms.cc  http://www.ugg-boots.eu  http://www.cheap--nfljerseys.us.com  http://www.rayban-sunglasses.com.co  http://www.coach-outlet.us.com  http://ugg.fairskinmen.com  http://www.louisvuittonhandbags.name  http://www.coachoutlet-coachfactory.us.com  http://www.mont-blancpens.name  http://www.michaelkorsoutletclearance.in.net  http://www.michaelkorsoutletonline.cc  http://www.michael-korshandbags.us  http://www.canadagoosejackets.org.uk  http://timberlandboots.hugeoff.net  http://www.guccioutlet.com.so  http://www.sunglass-outlet.us  http://www.coachfactoryoutletonline.eu.com  http://www.outlet-celine.com  http://www.coach-factoryoutlet.eu.com  http://www.louisvuittonoutlet.net.co  http://burberryoutlet.outoff.com.co  http://www.oakleysunglasses-sale.in.net  http://www.cheapuggssale.in.net  http://www.ugg-boots.eu.com  http://www.uggboots-sale.in.net  http://www.louisvuitton-handbags.com.co  http://www.ugg-boots.net.co  http://www.toryburch-outletsale.in.net  http://www.jordan3.net  http://www.louisvuittonoutlet.name  http://www.louisvuittonhandbags.net.co  http://www.cheap-jordans.us.com  http://www.truereligionjeans-outlet.in.net  http://www.kobeshoes.org  http://www.abercrombiefitchstore.com  http://www.fitflops.org  http://www.abercrombie-andfitch.cc  http://www.michaelkorsoutletshopping.us.com  http://www.lebronjames-shoes.name  http://www.michaelkors-outlet.com.co  http://www.michaelkorshandbag.org.uk  http://www.coachfactoryoutletus.in.net  http://www.canadagoose.com.co  http://www.michaelkorshandbags.name  http://www.michaelkorsoutletonline.name  http://www.abercrombiefitchus.com  http://www.louisvuitton-outletstores.org  http://www.louisvuitton-macys.com  http://www.louisvuittonuk.me.uk  http://www.toms--shoes.com  http://www.hollisters.cc  http://www.louis-vuitton-handbags.us.com  http://www.louis--vuitton.us  http://www.michaelkors-uk.me.uk  http://www.michaelkors-outlet.cc  http://www.abercrombies.cc  http://www.nike-airmax.org.uk  http://michaelkors.aphidsymposium.org  http://www.coach-factoryoutlet.us.com  http://www.michaelkorsoutletvip.in.net  http://www.michael-korshandbag.us.com  http://www.ralplaurenuk.me.uk  http://www.louisvuitton.us.com   http://www.michaelkorsbag.org.uk  http://www.michael-kors-bags.co.uk  http://www.louis-vuitton.us.org  http://www.abercrombieandfitch.net.co  http://www.michaelkorsoutlet-online.eu.com  http://www.michael--korsoutlet.us.com  http://www.michaelkorshandbag-uk.co.uk  http://www.jordan13.org  http://www.rayban-sunglassesuk.co.uk  http://www.hollisteruk.in.net  http://www.michaelkors-outletonline.eu.com  http://www.louisvuitton-inc.com  http://www.louisvuitton-outlet.name  http://www.jordan6.net  http://uggboots.uggaustralia.de.com  http://www.niketrainers.com.co  http://www.jordans.in.net  -- [[xiaozhengm]] &new{2015-10-06 (火) 19:42:13};

#comment_nospam
- 1 -- [[1]] &new{2014-11-03 (月) 21:24:50};
- 1 -- [[1]] &new{2012-07-09 (月) 09:16:00};
#vote(参考になった[0],ふつう[0],参考にならなかった[0])
検索キーワードの強調表示（多単語、多列） のバックアップ差分(No.7)

検索キーワードの強調表示（多単語、多列）のバックアップ差分(No.7)
