顯示具有 columns 標籤的文章。 顯示所有文章
顯示具有 columns 標籤的文章。 顯示所有文章

2023年5月31日 星期三

V120202 – radioGroup 排成2行 – 垂直 , columns - V80202F – 列印- radioGroup : 橫向排列 layout: ‘hbox’

 目的: V120202 – radioGroup 排成2 垂直

           V80202F – 列印- radioGroup : 橫向排列 layout: ‘hbox’

處理說明: 1> V120202 – radioGroup 排成2 垂直 {
                                xtype: 'radiogroup', fieldLabel: '單況', labelWidth: 100,
                                //layout: 'vbox',  //vbox:直向  , hbox: 橫向 , 不可設為 vbox,否則仍會排成一行
                                vertical: true,    columns: [50, 50],
                                id: 's_STAT', 
                                items: [
                                    {
                                        boxLabel: '待撥料',
                                        name: 's_STAT',
                                        inputValue: 'A',
                                        width: 70,
                                        //checked: true,
                                        //id: 's_checkbox1'
                                    }, .....
                           






1>*.js
 //交機現況: 在廠機/已交機/全部
    var cmp_ARPSTS = get_cmp_rdgrp1('交機現況', 'sub_ARPSTS',   100,'hbox');
    var cmp_ARPSTS1 = get_cmp_rd0('在廠機', 'sub_ARPSTS', 80, '1');
    var cmp_ARPSTS2 = get_cmp_rd0('已交機', 'sub_ARPSTS', 80, '2');
    var cmp_ARPSTS3 = get_cmp_rd0('全部', 'sub_ARPSTS', 80, '3');
    cmp_ARPSTS.items.push(cmp_ARPSTS1, cmp_ARPSTS2, cmp_ARPSTS3);    
    cmp_ARPSTS1.checked = true;

2>myfunc.js - get_cmp_rdgrp1
//get_cmp_rdgrp1 - 取得 checkgroup 元件,
//par_layout: 'vbox' - 直向  radio   , 'hbox' : 橫向 radio
function get_cmp_rdgrp1(par_caption, par_id, par_l_width, par_layout, par_flex) {
    if (checkisnull(par_flex)) {
        par_flex = 10;
    }
    if (checkisnull(par_layout)) {
        par_layout = 'vbox';  //預設直向 radio
    }
    var rtn_cmp =
    { //已完工, 未完工 --> 兩者不能同時勾選
        xtype: 'radiogroup', fieldLabel: par_caption,
        labelWidth: par_l_width, 
        layout: par_layout,        
        width: '100%',
        id: par_id,        
        items: [],
    }
    return rtn_cmp;
}