Extjs номер поля ширина поля неверна

StackOverflow https://stackoverflow.com//questions/22026851

  •  21-12-2019
  •  | 
  •  

Вопрос

Когда добавляется в поле номера (или поле даты) на панель формы, ширина поля числа не настраивается, чтобы соответствовать ширине панели.Вот простой пример, показывающий, что текстовое поле настраивается, чтобы соответствовать имеющемуся пространству, но номер числа нет.Смотрите Это jsfiddle .

Это выглядит как ошибка в макете пикера extjs.У кого-нибудь есть работа - вокруг? 

<head>
<link rel="stylesheet" href="http://extjs-public.googlecode.com/svn/tags/extjs-4.2.1/release/resources/css/ext-all.css">
<script type="text/javascript" src="http://extjs-public.googlecode.com/svn/tags/extjs-4.2.1/release/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.namespace('E2cc.settings');
E2cc.settings.getString = function(s) { return s; }
</script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function () {
Ext.create('Ext.form.Panel', {
    width: 200,
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Text',
        border: 3,
        style: {
            borderColor: 'black',
            borderStyle: 'solid',
        }
    }, {
        xtype: 'numberfield',
        fieldLabel: 'Number',
        border: 3,
        style: {
            borderColor: 'red',
            borderStyle: 'solid'
        },
        name: 'date'
    }],
    renderTo: Ext.getBody()
});
});
</script>

</body>
.

Это было полезно?

Решение

Я не мог объяснить, почему он оказывается по-разному, чем обычный Textefield, но хороший Pratice в Extjs - указать ширину ваших элементов, а не отпустить макет Excjs вычислить его для вас.Добавьте якорь: «100%» на ваш номер поля, и это должно быть в порядке.

Другие советы

Я думаю, что если вы хотите определить одни и те же значения для всех полей, которые вы должны определить его в свойстве Dedatults.

см. см. Ваш пример модифицирован

Ext.create('Ext.form.Panel', { width: 200, defaults : { width: 200, labelWidth : 70 }, items: [{ xtype: 'textfield', fieldLabel: 'Text', border: 3, style: { borderColor: 'black', borderStyle: 'solid', } }, { xtype: 'numberfield', fieldLabel: 'Number', border: 3, style: { borderColor: 'red', borderStyle: 'solid' }, name: 'date' }], renderTo: Ext.getBody() });

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top