閲覧総計:8222 (本日:1 昨日:1)
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
コントロールの設定値
コントロール | プロパティ | 値 | コメント |
---|---|---|---|
FreeTextBox | (ID) | FreeTextBox1 | |
Language | ja-JP | UIを日本語表示に変更 |
【FreeTextBox01.aspx】
<%@ Page Language="VB" ValidateRequest="false" %> <%@ Register Src="../Counter/CounterControl.ascx" TagName="CounterControl" TagPrefix="uc1" %> <%@ Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %> <!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) Label2.Text = FreeTextBox1.Text End Sub </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>無題のページ</title> </head> <body> <form id="form1" runat="server"> <div> FreeTextBoxの稼働確認 09/08/15<br /> <br /> <asp:Panel ID="Panel1" runat="server" GroupingText="プレビュー画面" Height="44px" Width="602px"> <asp:Label ID="Label2" runat="server"> 書込み内容がここに表示されます。</asp:Label></asp:Panel> <br /> <FTB:FreeTextBox ID="FreeTextBox1" runat="server" Language="ja-JP" Text="フォントArial選択で「日本語」入力可。<br>改行は「shift + Enter」"> </FTB:FreeTextBox> </div> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text=" プレビュー" /> <br /> </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