DBGrid PagingBar: Add SpinEdit in code

[andyhill]

This is how I add a datefield to a TUniDBGrid pagingbar, please show me how to add a spinedit field - thanks in advance.

               '    { ' +
               '      xtype: "datefield", ' +
               '      fieldLabel: "", ' +
               '      formatText: "From Date", ' +
               '      labelWidth: "0px", ' +
               '      format: "d/m/Y", ' +
               '      value: new Date(), ' +
               '      id: "_grdFromDate_", ' +
               '      width: 120, ' +
               '      startDay: 1, ' +
               '      listeners: ' +
               '      { ' +
               '        change: function(el, v) ' +
               '        { ' +
               '          ajaxRequest(MainForm.MyGrid, "_grdFromDate_", ["dtIndx=0", "val=" + Ext.Date.format(v, "d/m/Y")]) ' +
               '        } ' +
               '      } ' +
               '    }, ' +

[Sherzod]

1 hour ago, andyhill said:

TUniDBGrid pagingbar

You can use PagingBarAuxControl property of UniDBGrid.

[andyhill]

I understand but ALL of my apps use the style of code above, I use "tbseparator", "button", "datefield" - can I not use "edit" and "spinedit" etc. ? 

Can you show me an editor version and a possible spinedit version ? 

[Sherzod]

3 hours ago, andyhill said:

spinedit field

xtype: 'numberfield'

 

[andyhill]

Thanks Sherzod, all good except tooltip is not working, any ideas ?

               '    { ' +
               '      xtype: "numberfield", ' +
               '      width: 40, ' +
               '      tooltip: "Count", ' +
               '      value: '+IntToStr(Count)+', ' +
               '      listeners: ' +
               '      { ' +
               '        change: function(el, v) ' +
               '        { ' +
               '          ajaxRequest(MainForm.gAddresses, "_grdCount_", ["val=" + v]) ' +
               '        } ' +
               '      } ' +
               '    }, ' +
 

[Sherzod]

11 hours ago, andyhill said:

except tooltip is not working, any ideas ?

{xtype: "numberfield", listeners: {render: function(c) {new Ext.ToolTip({target : c.getInputId(), html: "My tooltip"})}}}

 

[andyhill]

Thanks Sherzod, This is my implementation:-

               '    { ' +
               '      xtype: "numberfield", listeners: {render: function(c) {new Ext.ToolTip({target : c.getInputId(), html: "Rows"})}}, '+
               '      width: 40, ' +
               '      value: '+IntToStr(GridPageCount)+', ' +
               '      listeners: ' +
               '      { ' +
               '        change: function(el, v) ' +
               '        { ' +
               '          ajaxRequest(MainForm.gAddresses, "_grdNumberOfRows_", ["val=" + v]) ' +
               '        } ' +
               '      } ' +
               '    }, ' +
               '    { ' +
               '      xtype: "tbseparator" ' +
               '    }, ' +

No errors but also no hint ?

 

[Sherzod]

You are using listeners twice, and thereby overwriting the first one. Use once, specifying two events.

[andyhill]

Gotit - Thanks, I thought it needed it's own listener but now sharing one listener only