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

2023年5月9日 星期二

V20302A - TextField 充滿範圍 (多行) -

 目的: V20302A - TextField 充滿範圍 (多行) -

處理說明: 1>{
                    xtype: "fieldcontainer", fieldLabel: "主旨", labelWidth: 80, layout: "fit", flex: 1, items: [
                        {
                            id: "sub_Subjext", name: "sub_Subject", xtype: "textfield",  padding: "0 4 0 0",
                        },
                    ]
                },  //end of 主旨



1>*.js
   {
     bodyStyle: "background-color:transparent;", border: false, layout: { type: "vbox", align: 'stretch' }, padding: "5",
            id: 'sub_myForm', items: [
                {
                    xtype: "fieldcontainer", fieldLabel: "主旨", labelWidth: 80, layout: "fit", flex: 1, items: [
                        {
                            id: "sub_Subjext", name: "sub_Subject", xtype: "textfield",  padding: "0 4 0 0",
                            //value: "AJT",
                        },
                    ]
                },  //end of 主旨
                {
                    xtype: "fieldcontainer", fieldLabel: "內容", labelWidth: 80, layout: "fit", flex: 4, items: [
                        {
                            id: "sub_content", name: "sub_content", xtype: "textfield",  padding: "0 4 0 0",
                            //value: "AJT",
                        },
                    ]
                }, // end of 內容


2022年8月29日 星期一

V20306 - RadioGroup 的設定 - 1>含TextField 2>Label文字太長

 目的: 設定 RadioGroup  1>含TextField  2>Label文字太長

處理說明: 1>Radio  Label太長, 加大 width
                  2>Radio含 TextField, 以 Panel 包含 Radio+TextField






1>*.js
{
xtype: 'radiogroup', fieldLabel: '重量等級', labelWidth: 100, layout: 'vbox',
id: 'WTLV',
items: [
{
boxLabel: '極重(木箱)',
name: 'WTLV',
inputValue: 'A',
border: 1,
width: 300,
}, {
boxLabel: '很重(七層紙箱)',
//boxLabel: '七層紙箱',
name: 'WTLV',
inputValue: 'B',
border: 1,
}, {
boxLabel: '重(五層紙箱)',
name: 'WTLV',
inputValue: 'C',
checked: true,
},
{
boxLabel: '一般(三層紙箱)',
name: 'WTLV',
inputValue: 'D',
}
]
}, // end of WTLV重量等級
{
xtype: 'radiogroup', fieldLabel: '內層包裝需求', labelWidth: 100, layout: 'vbox',
id: 'ITPR',
items: [
{
boxLabel: '旭化層',
name: 'ITPR',
inputValue: 'A',
}, {
boxLabel: '大氣泡布',
name: 'ITPR',
inputValue: 'B',
}, {
boxLabel: '小氣泡布',
name: 'ITPR',
inputValue: 'C',
checked: true,
},
{
xtype: 'panel', layout: { type: 'hbox' }, border: 0,
items: [
{xtype: 'radio',boxLabel: '其他',name: 'ITPR',inputValue: 'E', },
{xtype: 'textfield', id: 'ITPR1', width: 150, padding: "0 5 0 5" },
]
},
]
}, // end of ITPR
]
}