MESCIUS InputMan for ASP.NET 10.0J > InputMan for ASP.NETの使い方 > コンボコントロール > リストボックスの使い方 |
コンボコントロールのリストボックス部分の使用方法について解説します。
コンボコントロールのリストボックス部分は次のように構成され、コンボコントロールのListBoxプロパティが参照するListBoxクラスを使用して設定します。
Imports GrapeCity.Web.Input.Core.ListBox ' カラムを作成します。 Dim lc1 As New ListColumn() Dim lc2 As New ListColumn() Dim lc3 As New ListColumn() ' コンボコントロールにカラムを追加します。 GcComboBox1.ListBox.Columns.Add(lc1) GcComboBox1.ListBox.Columns.Add(lc2) GcComboBox1.ListBox.Columns.Add(lc3)
using GrapeCity.Web.Input.Core.ListBox; // カラムを作成します。 ListColumn lc1 = new ListColumn(); ListColumn lc2 = new ListColumn(); ListColumn lc3 = new ListColumn(); // コンボコントロールにカラムを追加します。 GcComboBox1.ListBox.Columns.Add(lc1); GcComboBox1.ListBox.Columns.Add(lc2); GcComboBox1.ListBox.Columns.Add(lc3);
GcComboBox1.ListBox.DefaultColumn.AutoWidth = True GcComboBox1.ListBox.DefaultColumn.Header.AllowResize = True GcComboBox1.ListBox.DefaultColumn.Header.Clickable = True
GcComboBox1.ListBox.DefaultColumn.AutoWidth = true; GcComboBox1.ListBox.DefaultColumn.Header.AllowResize = true; GcComboBox1.ListBox.DefaultColumn.Header.Clickable = true;
Imports GrapeCity.Web.Input.Core.ListBox ' 一つ目のカラムを追加します。 Dim column1 As New ListColumn ' 一つ目のカラムのカラムヘッダを設定します。 column1.Header.Text = "カラム1" column1.Header.Image = "image2.png" column1.Header.BackColor = Color.LightPink column1.Header.ForeColor = Color.Red column1.Header.AllowResize = True column1.Header.Clickable = True column1.Header.Ellipsis = True column1.Header.SortIndicatorAlignment = LeftRightAlignment.Right ' 二つ目のカラムを追加します。 Dim column2 As New ListColumn ' 二つ目のカラムのカラムヘッダを設定します。 column2.Header.Text = "カラム2" column1.Header.Image = "image2.png" column2.Header.BackColor = Color.LightPink column2.Header.ForeColor = Color.Red column2.Header.AllowResize = True column2.Header.Clickable = True column2.Header.Ellipsis = True column2.Header.SortIndicatorAlignment = LeftRightAlignment.Right ' リストボックスにカラムを追加します。 GcComboBox1.ListBox.Columns.Clear() GcComboBox1.ListBox.Columns.Add(column1) GcComboBox1.ListBox.Columns.Add(column2) ' ヘッダ領域全体の設定を行います。 GcComboBox1.ListBox.ListHeaderPane.Visible = True GcComboBox1.ListBox.HeaderPane.Font.Name = "メイリオ"
using GrapeCity.Web.Input.Core.ListBox; // 一つ目のカラムを追加します。 ListColumn column1 = new ListColumn(); // 一つ目のカラムのカラムヘッダを設定します。 column1.Header.Text = "カラム1"; column1.Header.Image = "image1.png"; column1.Header.BackColor = Color.LightPink; column1.Header.ForeColor = Color.Red; column1.Header.AllowResize = true; column1.Header.Clickable = true; column1.Header.Ellipsis = true; column1.Header.SortIndicatorAlignment = LeftRightAlignment.Right; // 二つ目のカラムを追加します。 ListColumn column2 = new ListColumn(); // 二つ目のカラムのカラムヘッダを設定します。 column2.Header.Text = "カラム2"; column1.Header.Image = "image2.png"; column2.Header.BackColor = Color.LightPink; column2.Header.ForeColor = Color.Red; column2.Header.AllowResize = true; column2.Header.Clickable = true; column2.Header.Ellipsis = true; column2.Header.SortIndicatorAlignment = LeftRightAlignment.Right; // リストボックスにカラムを追加します。 GcComboBox1.ListBox.Columns.Clear(); GcComboBox1.ListBox.Columns.Add(column1); GcComboBox1.ListBox.Columns.Add(column2); // ヘッダ領域全体の設定を行います。 GcComboBox1.ListBox.ListHeaderPane.Visible = true; GcComboBox1.ListBox.HeaderPane.Font.Name = "メイリオ";
Imports GrapeCity.Web.Input.Core.ListBox ' 奇数列の項目テンプレートを設定します。 Dim template1 As New ItemTemplate template1.BackColor = Color.Blue template1.ForeColor = Color.White template1.Font.Bold = True ' 偶数列の項目テンプレートを設定します。 Dim template2 As New ItemTemplate template2.BackColor = Color.LightBlue template2.ForeColor = Color.DarkBlue template1.Font.Italic = True ' コントロールに項目テンプレートを追加します。 GcComboBox1.ListBox.ItemTemplates.Add(template1) GcComboBox1.ListBox.ItemTemplates.Add(template2) ' 水平線を設定します。 GcComboBox1.ListBox.HorizontalLine.LineColor = Color.Cyan GcComboBox1.ListBox.HorizontalLine.LineStyle = BorderStyle.Dotted ' 垂直線を設定します。 GcComboBox1.ListBox.VerticalLine.LineColor = Color.DarkCyan GcComboBox1.ListBox.VerticalLine.LineStyle = BorderStyle.Solid
using GrapeCity.Web.Input.Core.ListBox; // 奇数列の項目テンプレートを設定します。 ItemTemplate template1 = new ItemTemplate(); template1.BackColor = Color.Blue; template1.ForeColor = Color.White; template1.Font.Bold = true; // 偶数列の項目テンプレートを設定します。 ItemTemplate template2 = new ItemTemplate(); template2.BackColor = Color.LightBlue; template2.ForeColor = Color.DarkBlue; template1.Font.Italic = true; // コントロールに項目テンプレートを追加します。 GcComboBox1.ListBox.ItemTemplates.Add(template1); GcComboBox1.ListBox.ItemTemplates.Add(template2); // 水平線を設定します。 GcComboBox1.ListBox.HorizontalLine.LineColor = Color.Cyan; GcComboBox1.ListBox.HorizontalLine.LineStyle = BorderStyle.Dotted; // 垂直線を設定します。 GcComboBox1.ListBox.VerticalLine.LineColor = Color.DarkCyan; GcComboBox1.ListBox.VerticalLine.LineStyle = BorderStyle.Solid;
ItemTipプロパティは、マウスカーソルが項目の上にあるときに、その項目(ComboItemオブジェクト)のTooltipTextプロパティに割り当てられた文字列をツールチップに表示します。
TooltipTextプロパティが空文字列(""またはString.Empty)の場合は、DescriptionSubItemIndexプロパティで指定されたインデックスのカラムのサブ項目の値を表示します。
OverflowTipプロパティは、項目(ComboItemオブジェクト)のTextプロパティに割り当てられた文字列が、リストボックスの幅に収まりきらないときに、すべての文字列をツールチップに表示します。