閲覧総計:2147 (本日:1 昨日:0)
ASP.NET上にリッチな入力環境を提供してくれるFreeTextBox Control。
これは便利。いろいろなコンテンツのブラウザ環境からの入力に威力を発揮しそう。
↓このページの解説に従いインストールし、稼働させてみた。
http://www.atmarkit.co.jp/fdotnet/dotnettips/340aspfreetxtbox1/aspfreetxtbox1.html
開発環境:VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ:ASP.NET2.0+AJAX1.0 + SQL Server2005
【機能】FreeTextBoxで入力し、プレビューボタンをクリックすると入力した内容が
プレビューエリアに表示される。
【稼働サンプル】
http://www.kuri6005.fscs.jp/20Normal/FreeTextBox/FreeTextBox01.aspx
#ref(): File not found: "FreeTextBox01.JPG" at page "検索(LINQtoXML)(3.5)"
コントロールの設定値
コントロール | プロパティ | 値 | コメント |
---|---|---|---|
FreeTextBox | (ID) | FreeTextBox1 | |
Language | ja-JP | UIを日本語表示に変更 |
【SearchLinqXml.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 Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) 'xmlデータをXElementクラスで読み込む Dim xmldoc = XElement.Load(Server.MapPath("~/App_Data/udons_sampleData.xml"))
'全件をGridViewに表示 Dim list = From c In xmldoc.Descendants("商品") _ Select _ 品番 = c.Element("品番").Value, _ 品名 = c.Element("品名").Value, _ セット内容 = c.Element("セット内容").Value, _ 価格 = c.Element("価格").Value
GridView1.DataSource = list GridView1.DataBind()
End Sub
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) 'xmlデータをXElementクラスで読み込む Dim xmldoc = XElement.Load(Server.MapPath("~/App_Data/udons_sampleData.xml"))
'検索:Where句で検索 Dim list = From c In xmldoc.Descendants("商品") _ Where c.Element("セット内容").Value.Contains(TextBox1.Text) _ Select _ 品番 = c.Element("品番").Value, _ 品名 = c.Element("品名").Value, _ セット内容 = c.Element("セット内容").Value, _ 価格 = c.Element("価格").Value '結果をGridViewに表示 GridView1.DataSource = list GridView1.DataBind()
End Sub </script>
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>検索(LINQ to XML) </title> </head> <body> <form id="form1" runat="server"> <div> 検索(LINQ to XML) 09/09/06<br /> 「セット内容」に「検索キーワード」を含むメニューを抽出<br /> <br /> 検索キーワード:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Height="21px" Text="検索" Width="65px" onclick="Button1_Click" /> <br /> <br /> <asp:GridView ID="GridView1" runat="server"> </asp:GridView> </div> </form> </body> </html>
【参考にしたページ】
1.FreeTextBoxコントロールでリッチな入力ボックスを作成するには? 05/08/19
http://www.atmarkit.co.jp/fdotnet/dotnettips/340aspfreetxtbox1/aspfreetxtbox1.html
2.FreeTextBox上のツールバーをカスタマイズするには? 05/08/26
http://www.atmarkit.co.jp/fdotnet/dotnettips/342aspfreetxtbox2/aspfreetxtbox2.html