删除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边框

回答

相关问题