以文本字段形式的extjs labelwidth没有调整大小(extjs labelwidth in form of textfield not sizing to get bigger)
无论我尝试什么，ExtJS中我的文本字段的标签都不会变大。 似乎要移动到2行以适应大小。 谁能看到我做错了什么？
我有一个表格，在一个字段集内，在一个面板内。
Ext.define('ExtApplication4.view.admin.Admin', { extend: 'Ext.panel.Panel', xtype: 'app-admin', controller: 'admin', itemId: 'adminItemId', requires: [ 'ExtApplication4.view.admin.AdminController', 'ExtApplication4.util.GlobalVar' ], title: 'Admin', //html: 'This is my Admin Panel', items: [{ xtype: 'fieldset', title: 'database values', width: 400, items: [{ xtype: 'form', //labelWidth: 200, monitorValid: true, formBind: true, items: [{ //xtype: 'fieldset', //title: 'database values', //width: '100%', defaultType: 'textfield', margin: '10px,0,10px,0', fieldDefaults: { labelWidth: 200 }, items: [ { allowBlank: false, fieldLabel: 'Accrued', itemId: 'itemIdAccrued', name: 'nameAccrued', emptyText: 'Accrued' }, { allowBlank: false, fieldLabel: 'YTD End Val', name: 'YTDEndVal', emptyText: 'YTDEndVal', itemId: 'itemIdYTDEndVal' }, { allowBlank: false, fieldLabel: 'Margin Req', name: 'MarginReq', emptyText: 'MarginReq', itemId: 'itemIdMarginReq' }, { allowBlank: false, fieldLabel: 'MarginExc', name: 'MarginExc', emptyText: 'MarginExc', itemId: 'itemIdMarginExc' }, { xtype: 'displayfield', hideEmptyLabel: false, value: 'All fields must be filled out', style: 'text-align:left' } ], buttons: [{ text: 'Submit', formBind: true, listeners: { click: 'onButtonSubmitPTValues' } }]
the label of my textfield in ExtJS will not get bigger no matter what I try. It seems to be moving to 2 rows to accommodate size. Can anyone see what I am doing wrong?
I have a form, inside a fieldset, inside a panel.
Ext.define('ExtApplication4.view.admin.Admin', { extend: 'Ext.panel.Panel', xtype: 'app-admin', controller: 'admin', itemId: 'adminItemId', requires: [ 'ExtApplication4.view.admin.AdminController', 'ExtApplication4.util.GlobalVar' ], title: 'Admin', //html: 'This is my Admin Panel', items: [{ xtype: 'fieldset', title: 'database values', width: 400, items: [{ xtype: 'form', //labelWidth: 200, monitorValid: true, formBind: true, items: [{ //xtype: 'fieldset', //title: 'database values', //width: '100%', defaultType: 'textfield', margin: '10px,0,10px,0', fieldDefaults: { labelWidth: 200 }, items: [ { allowBlank: false, fieldLabel: 'Accrued', itemId: 'itemIdAccrued', name: 'nameAccrued', emptyText: 'Accrued' }, { allowBlank: false, fieldLabel: 'YTD End Val', name: 'YTDEndVal', emptyText: 'YTDEndVal', itemId: 'itemIdYTDEndVal' }, { allowBlank: false, fieldLabel: 'Margin Req', name: 'MarginReq', emptyText: 'MarginReq', itemId: 'itemIdMarginReq' }, { allowBlank: false, fieldLabel: 'MarginExc', name: 'MarginExc', emptyText: 'MarginExc', itemId: 'itemIdMarginExc' }, { xtype: 'displayfield', hideEmptyLabel: false, value: 'All fields must be filled out', style: 'text-align:left' } ], buttons: [{ text: 'Submit', formBind: true, listeners: { click: 'onButtonSubmitPTValues' } }]最满意答案
而不是fieldDefaults使用defaults作为config属性。
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
itemId: 'adminItemId',
title: 'Admin',
//html: 'This is my Admin Panel',
items: [{
xtype: 'fieldset',
title: 'database values',
width: 400,
items: [{
xtype: 'form',
//labelWidth: 200,
monitorValid: true,
formBind: true,
items: [{
//xtype: 'fieldset',
//title: 'database values',
//width: '100%',
defaultType: 'textfield',
margin: '10px,0,10px,0',
defaults: {
labelWidth: 200
},
items: [
{
allowBlank: false,
fieldLabel: 'Accrued',
itemId: 'itemIdAccrued',
name: 'nameAccrued',
emptyText: 'Accrued'
},
{
allowBlank: false,
fieldLabel: 'YTD End Val',
name: 'YTDEndVal',
emptyText: 'YTDEndVal',
itemId: 'itemIdYTDEndVal'
},
{
allowBlank: false,
fieldLabel: 'Margin Req',
name: 'MarginReq',
emptyText: 'MarginReq',
itemId: 'itemIdMarginReq'
},
{
allowBlank: false,
fieldLabel: 'MarginExc',
name: 'MarginExc',
emptyText: 'MarginExc',
itemId: 'itemIdMarginExc'
},
{
xtype: 'displayfield',
hideEmptyLabel: false,
value: 'All fields must be filled out',
style: 'text-align:left'
}
],
buttons: [{
text: 'Submit',
formBind: true,
}]
}]
}]
}]
});
}
});
<link rel="stylesheet" href="https://cdn.sencha.com/ext/gpl/4.1.1/resources/css/ext-all.css">
<script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/4.1.1/ext-all-debug.js"></script>
Instead of fieldDefaults use defaults as config property.
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
itemId: 'adminItemId',
title: 'Admin',
//html: 'This is my Admin Panel',
items: [{
xtype: 'fieldset',
title: 'database values',
width: 400,
items: [{
xtype: 'form',
//labelWidth: 200,
monitorValid: true,
formBind: true,
items: [{
//xtype: 'fieldset',
//title: 'database values',
//width: '100%',
defaultType: 'textfield',
margin: '10px,0,10px,0',
defaults: {
labelWidth: 200
},
items: [
{
allowBlank: false,
fieldLabel: 'Accrued',
itemId: 'itemIdAccrued',
name: 'nameAccrued',
emptyText: 'Accrued'
},
{
allowBlank: false,
fieldLabel: 'YTD End Val',
name: 'YTDEndVal',
emptyText: 'YTDEndVal',
itemId: 'itemIdYTDEndVal'
},
{
allowBlank: false,
fieldLabel: 'Margin Req',
name: 'MarginReq',
emptyText: 'MarginReq',
itemId: 'itemIdMarginReq'
},
{
allowBlank: false,
fieldLabel: 'MarginExc',
name: 'MarginExc',
emptyText: 'MarginExc',
itemId: 'itemIdMarginExc'
},
{
xtype: 'displayfield',
hideEmptyLabel: false,
value: 'All fields must be filled out',
style: 'text-align:left'
}
],
buttons: [{
text: 'Submit',
formBind: true,
}]
}]
}]
}]
});
}
});
<link rel="stylesheet" href="https://cdn.sencha.com/ext/gpl/4.1.1/resources/css/ext-all.css">
<script type="text/javascript" src="https://cdn.sencha.com/ext/gpl/4.1.1/ext-all-debug.js"></script>
更多推荐
发布评论