2015-07-08 2 views
0

В настоящее время я пытаюсь изменить стиль моей панели, как на картинке, но я не могу манипулировать css каждого элемента в панели. Например, я попытался немного переместить последнее текстовое поле от других и хотел дать другую ширину с атрибутом стиля, но почему-то это не работает. Любые идеи о том, как это сделать?Ext JS Изменение CSS каждого элемента в панели

what i m trying to do looks like this

Ext.define('KitchenSink.view.form.FieldTypes', { 
    viewModel: true, 
    extend: 'Ext.form.Panel', 
    alias: 'form-fieldtypes', 
    renderTo:"tab3", 
    layout: 'form', 
    height: 565, 
    width: 800, 
    items: [{ 
     xtype: 'textfield', 
     name: 'textfield1', 
     fieldLabel: 'Name', 
     value: 'Text field value' 
    },{ 
     xtype: 'textfield', 
     name: 'textfield2', 
     fieldLabel: 'Description', 
     value: 'Text field value' 
    },{ 
     xtype: 'textfield', 
     name: 'textfield3', 
     fieldLabel: 'Type', 
     value: 'Text field value' 
    },{ 
     xtype: 'textfield', 
     name: 'textfield4', 
     fieldLabel: 'Version', 
     value: 'Text field value' 
    },{ 
     xtype: 'textfield', 
     name: 'textfield5', 
     fieldLabel: 'Tag', 
     value: 'Text field value', 
     style: 
       { 
         width:'20px', 
         'margin-top':'130px', 
       }, 
    }] 
}) 

Ext.create('form-fieldtypes', { 
     renderTo: "tab3" 
    }); 

ответ

0

попробовать

{ 
     xtype: 'textfield', 
     name: 'textfield5', 
     fieldLabel: 'Tag', 
     value: 'Text field value', 
     width: 20 
} 
0

определяют атрибут дополнительные ЦБС для панели.

и они пишут классы css для каждого элемента, который он будет работать.

или

вы также можете использовать baseCls атрибут, чтобы переопределить стили ExtJS.

0

Вы пробовали просто установить конфиги прямо на текстовое поле? Может работать лучше с макетами ExtJS.

{ 
    xtype: 'textfield', 
    name: 'textfield5', 
    fieldLabel: 'Tag', 
    value: 'Text field value', 
    margin: '130 0 0 0', 
    width: 20 
} 

EDIT

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

Смежные вопросы