表の罫線の色や表示・非表示を制御したい

FlexView

２

表の罫線の色や表示・非表示を制御したい 　

２

FlexViewクラスではRuledLineプロパティを指定することで、表の罫線の表示・非表示を
制御することが可能です。
罫線を表示する場合は$TRUE、非表示にする場合は$FALSEを設定します。

また、RuledLineColorプロパティで罫線を任意の色に変更することができます。

【　実行イメージ　】
・デフォルトの場合


・罫線なしに設定した場合	・罫線を赤色に設定した場合

[ サンプルコード ]

Form Form1{
    Width = 401;
    Height = 593;
    
    /* デフォルトのFlexView */
    FlexView FlexView1 {
        X = 43;
        Y = 62;
        Width = 121;
        Height = 194;
        FlexRecord FlexRecord1{
            Height = 30;
            FlexLabel FlexTagLabel{
                Title = "番号";
                Width = 40;
                VerticalAlign = $CENTER;
                HorizontalAlign = $CENTER;
            }
            FlexLabel FlexNameLabel{
                Title = "商品";
                Width = 80;
                VerticalAlign = $CENTER;
            }
        }
    }
    
    /* 罫線なしのFlexView */
    FlexView FlexView2 {
        X = 43;
        Y = 341;
        Width = 121;
        Height = 194;
        RuledLine = $False;
        FlexRecord FlexRecord1{
            Height = 30;
            FlexLabel FlexTagLabel{
                Title = "番号";
                Width = 40;
                VerticalAlign = $CENTER;
                HorizontalAlign = $CENTER;
            }
            FlexLabel FlexNameLabel{
                Title = "商品";
                Width = 80;
                VerticalAlign = $CENTER;
            }
        }
    }
    
    /* 罫線の色を設定したFlexView */
    FlexView FlexView3 {
        X = 219;
        Y = 341;
        Width = 121;
        Height = 194;
        RuledLine = $TRUE;
        RuledLineColor = $RED;
        FlexRecord FlexRecord1{
            Height = 30;
            FlexLabel FlexTagLabel{
                Title = "番号";
                Width = 40;
                VerticalAlign = $CENTER;
                HorizontalAlign = $CENTER;
            }
            FlexLabel FlexNameLabel{
                Title = "商品";
                Width = 80;
                VerticalAlign = $CENTER;
            }
        }
    }
    
    GroupBox GroupBox1 {
        X = 20;
        Y = 30;
        Width = 170;
        Height = 243;
        Title = "デフォルト";
    }
    GroupBox GroupBox2 {
        X = 18;
        Y = 295;
        Width = 170;
        Height = 253;
        Title = "罫線なし";
    }
    GroupBox GroupBox3 {
        X = 196;
        Y = 295;
        Width = 170;
        Height = 253;
        Title = "罫線あり（赤色）";
    }
    
    if(!$DESIGNTIME){
        /* 各FlexViewにデータをセット */
        FlexView1 << new CSVDocument << csv {
		1,りんご
		2,みかん
		3,バナナ
		4,ぶどう
		5,もも};
        
        FlexView2 << new CSVDocument << csv {
		1,りんご
		2,みかん
		3,バナナ
		4,ぶどう
		5,もも};
        
        FlexView3 << new CSVDocument << csv {
		1,りんご
		2,みかん
		3,バナナ
		4,ぶどう
		5,もも};
    }
}

管理番号：FlxHt_002


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser HT・Biz/Browser SmartDevice・Biz/Browser AI TIPS集トップへ