Langsung ke konten utama

Postingan

ExtJS Grid custom colum

var sm = Ext.create('Ext.selection.CheckboxModel',{ mode : 'multi', showHeaderCheckbox: false, checkOnly:true, enableKeyNav : false, listeners: { select : function ( records, keepExisting, suppressEvent ) { } } }); var grid2 = Ext.create('Ext.grid.Panel', { store: storeContract1, hideHeaders : true, //autoScroll:true, selModel: sm, columns: [ { text: "", flex: 1, xtype: 'templatecolumn',tpl: new Ext.XTemplate( '<br /> <table style="width: 80%px;"><tbody> <tr><td>Contract #</td><td>{CONTRACTNUMBER}</td><td>Disconnect On</td><td><span class="datepicker"></span></td><td>DECODER</td><td><tpl for="DECODER"></tpl><br /> <div> - {.}</div> </td></tr> <tr><td colspan="6"> </td><td></td></tr> <tr...
Postingan terbaru

Extjs html class render

Ext.select('.datepicker').each(function(el){ new Ext.form.DateField({ allowBlank : true, renderTo: el, format:'m-d-Y', editable:false, width:140, fieldCls : 'tanggal x-form-field x-form-text x-trigger-noedit', }); }); Ext.select('.note').each(function(el){ new Ext.form.field.TextArea({ allowBlank : false, renderTo: el, grow : true, hideLabel : true, fieldCls : 'pesan x-form-field x-form-text x-trigger-noedit', }); });

Menambahkan Item Id untuk HTML Attribut

{ border:false, frame:false, width: 225, margin: '5px 0px 10px 9px', items: [{ xtype : 'textfield', fieldLabel : 'Telephone', inputType :'password', id : 'telephone', inputId: 'item_telepon', width: 225, readOnly : true, fieldStyle :'background-image:none;background-color:#BDBDBD', },{ xtype : 'textfield', fieldLabel : 'Office no', inputType :'password', width: 225, id :'office_no', inputId: 'item_office_no', readOnly : true, fieldStyle :'background-image:none;background-color:#BDBDBD', },{ xtype : 'textfield', fieldLabel : 'Mobile no', inputType :'password', width: 225, id:'mobile_no', inputId: 'item_mobile_no', readOnly : true, fieldStyle :'back...

Render tips pada event render

render: function(p) { var theElem = p.getEl(); var theTip = Ext.create('Ext.tip.Tip', { html: 'Tuliskan Sequent Number atau Telephone Number atau Office Number atau Mobile Number atau Customer Number ', margin: '0 0 0 300', shadow: false }); p.getEl().on('mouseover', function(){ theTip.showAt(theElem.getX(), theElem.getY()); }); p.getEl().on('mouseleave', function(){ theTip.hide(); }); }