目的: 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],
xtype: 'radiogroup', fieldLabel: '單況', labelWidth: 100,
//layout: 'vbox', //vbox:直向 , hbox: 橫向 , 不可設為 vbox,否則仍會排成一行
vertical: true, columns: [50, 50],
id: 's_STAT',
items: [
{
boxLabel: '待撥料',
items: [
{
boxLabel: '待撥料',
name: 's_STAT',
inputValue: 'A',
width: 70,
//checked: true,
//id: 's_checkbox1'
}, .....
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;
}