以文本字段形式的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>
更多推荐
发布评论