textfield的占位符不工作extjs 6.0.2

时间:2017-06-30 10:14:24

标签: textfield placeholder extjs6-classic

我在窗口中使用文本字段,并且文本字段占位符不起作用。 请你告诉我原因是什么。

这是我的代码。

   Ext.create('Ext.window.Window', {
        title: 'edit box',
        closable: false,

        draggable:true,
        height: '80%',
        width: 1000,
        scrollable :true,
        liveDrag:true,
        layout: 'fit',
        items: [
        {
            xtype: 'form',
            scrollable:true,
            defaults: {
                msgTarget: 'side'
            },
            items: [{
                xtype: 'container',
                cls: 'instruction-text-static',
                overCls: 'over-instruction-text-static',
                layout: {
                    type: 'table',
                    columns: 2
                },
                items: [{
                    xtype: 'label',
                    html:'label',{
                    xtype:'container',
                    items:[{
                        xtype: 'button',
                        ui:'link-btn',
                        text: 'cancel',
                        style:{
                            float:'right'
                        },
                        handler: function (cmp) {
                           this.up('window').hide();
                        }
                    },{
                        xtype: 'button',
                        ui: 'green-btn',
                        text: 'save',
                        style:{
                            float:'right'
                        },
                        handler: function (cmp) {
                          //my logic    
                        }
                    }]
                },{
                    xtype: 'textfield',
                   placeholder: "add title",
                    value:record.data.title,
                    width: 430,
                    itemId: "instructionTitleEdit",
                    name: 'instructionTitle1',
                    colspan: 2,
                    style:{
                        'margin-left':'10px'
                    },

                },{
                    xtype: 'label',
                    html:'a label'
                },{
                    xtype:'htmleditor',
                    value:record.data.description,

                },{
                    xtype: 'label',
                    html:'one lable'
                },{
                    xtype: 'label',
                    html:'my label'
                },{
                    xtype:'htmleditor',
                    scrollable:true,
                    value:record.data.examples,
                    height: 400,
                    width: 475,
                    name: 'instructionExample',

                },{
                    xtype:'htmleditor',
                    scrollable:true,
                    height: 400,
                    width: 475,
                    name: 'instructionRad',
                    value:record.data.hint,

                }]
            }]
        }]


    }).show();

但那个pakceholder的东西不起作用 请帮帮我 提前致谢

1 个答案:

答案 0 :(得分:0)

文本字段没有placeholder属性。您应该使用emptyText代替。