刪除textareafield邊框

我如何邊界textareafield，圍繞文本。刪除textareafield邊框

Ext.create('Ext.form.FormPanel', { 
    title  : 'Sample TextArea', 
    width  : 400, 
border  : false, 
    bodyPadding: 10, 
    renderTo : Ext.getBody(), 
    items: [{ 
     xtype  : 'textareafield', 
     grow  : true, 
     name  : 'message', 
     fieldLabel: 'Message', 
     anchor : '100%' 
    }] 
});

來源

2015-09-28 dan

你想隱藏圍繞用戶輸入的文本框？你的問題不明確。 –

假設，例如，您正在使用ExtJS的5.1工作，並您希望從輸入字段刪除邊框（更多信息，將有助於縮小變量），你可以定義CLS爲您的組件然後定義邊界的inputfield爲「無」，

{ 
    xtype  : 'textareafield', 
    grow  : true, 
    name  : 'message', 
    fieldLabel: 'Message', 
    cls  : 'xpto', 
    anchor : '100%', 
}

和你的CSS將

.xpto .x-form-trigger-wrap-default {border: none;}

檢查docs總是有益的，可以與examp提供儘管如此。

來源

2015-09-28 16:43:41

或者只設置sass變量'$ form-field-border-width' http://docs.sencha.com/extjs/6.0/6.0.0-classic/#!/api/Ext.form.field.Base- css_var-S-表單域邊界寬度 – Tarabass

顯示錶單中的數據，並能夠使用form.loadRecord()和形式面板的其他好處，你可以使用displayfield

Ext.create('Ext.form.Panel', { 
    renderTo: Ext.getBody(), 
    width: 175, 
    height: 150, 
    bodyPadding: 10, 
    title: 'Final Score', 
    items: [{ 
     xtype: 'displayfield', 
     fieldLabel: 'Home', 
     name: 'home_score', 
     value: '10' 
    }, { 
     xtype: 'displayfield', 
     fieldLabel: 'Visitor', 
     name: 'visitor_score', 
     value: '11' 
    }], 
    buttons: [{ 
     text: 'Update' 
    }] 
});

來源

2015-09-28 17:06:40 Tarabass

刪除textareafield邊框

回答

相關問題