addClearButton: function() this.clearBtn = this.field.addButton( cls: 'x-clear-button', iconCls: 'x-fa fa-times-circle', hidden: this.field.isEmpty(), handler: this.clearField.bind(this) ); this.field.on('change', this.updateButtonVisibility, this); ,
xtype: 'grid', plugins: [ type: 'toolbardock', position: 'top', items: [ text: 'Save' ] ] extjs plugins
Start with built-in plugins, then gradually create custom plugins for cross-cutting concerns like validation, debugging, animations, or custom UI enhancements. addClearButton: function() this
showDetail: function(row, record) var detailDiv = Ext.DomHelper.append(row.parentNode, tag: 'div', cls: 'x-row-expander-detail', html: '<div class="detail-content">Details for ' + record.get('name') + '</div>' , true); detailDiv.setWidth(row.offsetWidth); , iconCls: 'x-fa fa-times-circle'