|
.NET TIPS [ASP.NET]DataGridコントロールの編集用テキストボックスを大きくするには?デジタルアドバンテージ2003/11/07 |
![]() |
|
|
|
「TIPS:[ASP.NET]DataGridコントロールで編集を可能にするには?」の最後で記しているように、DataGridコントロールの既定の編集機能を使用する場合、編集時に表示されるテキストボックスは次の画面のようにかなり幅が狭い。そしてこれを変更する手段は標準では用意されていない。
![]() |
| 既定の編集機能を使用したDataGridコントロール |
| [編集]ボタンをクリックすると項目がテキストボックスに置き換わるが、幅が狭く、これを変更する手段は標準では用意されていない。 |
本稿では、既定の編集機能を使用したまま、表示されるテキストボックスを大きくする方法について解説する。これにより上記の画面は次のようにすることが可能だ。
![]() |
| TextBoxコントロールのサイズを変更したDataGridコントロール |
| 本稿で作成しているサンプル・プログラム(wideedit.aspx)の実行画面。テキストボックスの幅を100%にし、右側のテキストボックスについては複数行表示にしている。 |
編集時のTextBoxコントロールへのアクセス
DataGridコントロールでは、EditItemIndexプロパティに行のインデックス番号を指定して、その行を編集対象とすることができる。この状態でデータ連結を行うと、<asp:BoundColumn>要素で定義した連結列などの項目はTextBoxコントロールに自動的に置き換わる。このため、データ連結が完了した後に、自動生成されたTextBoxコントロールにアクセスし、そのプロパティを操作すればTextBoxコントロールのサイズなどを変更することができる。
データ連結後、行に含まれるオブジェクトにアクセスするには「TIPS:[ASP.NET]DataGridコントロールですべての行にアクセスするには?」で示したItemDataBoundイベントを利用する方法もあるが、ここでは「TIPS:[ASP.NET]DataGridコントロールの各セルにアクセスするには?」で示したような、DataBindメソッドを呼び出した直後に行にアクセスする方法を取ってみる。
さて、実際にTextBoxコントロールが生成されるのは、[編集]ボタンがクリックされたときに呼び出されるイベント・ハンドラでデータ連結を行った場合だ。「TIPS:[ASP.NET]DataGridコントロールで編集を可能にするには?」でも解説しているように、たいていの場合このメソッドは次のような内容になる。
void MyGrid_Edit(object sender, DataGridCommandEventArgs e) {
MyGrid.EditItemIndex = e.Item.ItemIndex;
MyGrid.DataSource = ……
MyGrid.DataBind();
}
最後のDataBindメソッドを呼び出した後には、DataGridオブジェクトにはTextBoxコントロールが含まれているはずである。そしてそれが含まれる行のインデックス番号も「e.Item.ItemIndex」により取得できている。よって、このメソッドの最後に次のようなコードを追加すればTextBoxコントロールへの参照が得られる。なお、この例では1列目にTextBoxコントロールが表示されていると仮定している。
DataGridItem line = MyGrid.Items[e.Item.ItemIndex];
TextBox tb = (TextBox)line.Cells[0].Controls[0];
ここで、編集している行を示す変数lineに代入しているDataGridItemオブジェクトがe.Itemではないことに注意が必要だ。DataBindメソッドの呼び出し後では、e.Itemが示している行はもはやDataGridオブジェクトからは参照されていない。
TextBoxオブジェクトが取得できれば、あとはそのプロパティを変更するだけだ。例えばコントロールの幅はWidthプロパティで変更可能だ。
tb.Width = Unit.Percentage(100);
ただし、タグでの記述時には属性として文字列で指定できたコントロールのプロパティも、実際には特定の型を持っていることが多い。このWidthプロパティはUnit型であるため、その値の設定にはこのようにUnit構造体(System.Web.UI.WebControls名前空間)の値が必要だ。
TextBoxコントロールのサイズを変更するサンプル・プログラム
すでに実行画面を示している、TextBoxコントロールのサイズを変更するサンプル・プログラムのソース・コードは次のようになる。このプログラムは「TIPS:[ASP.NET]DataGridコントロールで特定のカラムのみを表示するには?」で示しているサンプル・プログラム(bounddg2.aspx)に編集ボタン列を追加したものだが、簡略化のために[編集]ボタン以外の実装は行っていない。
|
|
| TextBoxコントロールのサイズを変更するC#のサンプル・プログラム(wideedit.aspx) | |
ここでは既定の編集機能にこだわったが、DataGridコントロールにはテンプレート列を用いて、独自に定義した編集用コントロールを使用するための機能が用意されている。これについては「TIPS:[ASP.NET]DataGridコントロールの編集用テキストボックスをカスタマイズするには?」で解説している。![]()
| カテゴリ:Webフォーム 処理対象:DataGridコントロール 使用ライブラリ:DataGridコントロール 使用ライブラリ:Unit構造体(System.Web.UI.WebControls名前空間) 関連TIPS:[ASP.NET]DataGridコントロールで編集を可能にするには? 関連TIPS:[ASP.NET]DataGridコントロールですべての行にアクセスするには? 関連TIPS:[ASP.NET]DataGridコントロールの各セルにアクセスするには? 関連TIPS:[ASP.NET]DataGridコントロールで特定のカラムのみを表示するには? 関連TIPS:[ASP.NET]DataGridコントロールの編集用テキストボックスをカスタマイズするには? |
| 「.NET TIPS」 |
ホワイトペーパー(TechTargetジャパン)
- .NET TIPS - .NET開発のテクニックとヒント集 - (2010/3/18)
− GridViewコントロールを階層表示させるには?
− Windowsフォームのボタンに画像を表示するには?
− C#でnullチェックを簡潔に行うには? - Chapter15:LINQとクエリ式 (2010/3/17)
C# 3.0の目玉機能であるLINQについて、さまざまな記述例を交えながら徹底解説。書籍『[完全版]究極のC#プログラミング』より転載 - VBラムダ式 基礎文法最速マスター (2010/3/16)
今度はVB。ラムダ式の基礎文法を、短い説明と簡単なコードでまとめる。「ラムダ式、どう書くんだっけ?」という場合の簡易リファレンスとして活用できる - ASP.NET MVC 2がリリース (2010/3/15)
ASP.NET MVC 2の正式版(VS 2008のASP.NET 3.5向け、VS 2010には標準で含まれる予定)のリリースについてのお知らせ
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
- - PR -
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
- - PR -
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |









