edit's with button

[Sherzod]

6 minutes ago, Sherzod said:

Sorry, I think I'm getting off topic here.

[Sherzod]

33 minutes ago, MR-Irawan said:

On 1/14/2020 at 9:59 AM, Sherzod said:

Like this for example:

function afterrender(sender, eOpts)
{
    var me=sender;
    me.triggerButtonEl = me.bodyEl.createChild({
        tag: 'button',
        html: '<i class="fa fa-search fa" style="position:relative; color:grey;"></i>'
    });
    
    me.triggerButtonEl.setStyle('position', 'absolute');
    me.triggerButtonEl.setStyle('top', '0px');
    me.triggerButtonEl.setStyle('right', '0px');
    me.triggerButtonEl.setStyle('left', 'auto');
    me.triggerButtonEl.setStyle('height', '100%');
    
    me.triggerButtonEl.addListener('click', function(){
        //ajaxRequest(me, 'clicked', []);
    });
    
    me.inputEl.setStyle('padding-right', me.triggerButtonEl.getWidth()+1);
}

 

Expand  

How can I add hint or tool tip on the button?

function afterrender(sender, eOpts)
{
    var me=sender;
    me.triggerButtonEl = me.bodyEl.createChild({
        tag: 'button',
        html: '<i class="fa fa-search fa" style="position:relative; color:grey;"></i>',
        title: "This is a tip"
    });
    
    me.triggerButtonEl.setStyle('position', 'absolute');
    me.triggerButtonEl.setStyle('top', '0px');
    me.triggerButtonEl.setStyle('right', '0px');
    me.triggerButtonEl.setStyle('left', 'auto');
    me.triggerButtonEl.setStyle('height', '100%');
    
    me.triggerButtonEl.addListener('click', function(){
        //ajaxRequest(me, 'clicked', []);
    });
    
    me.inputEl.setStyle('padding-right', me.triggerButtonEl.getWidth()+1);
}

 

[MR-Irawan]

37 minutes ago, Sherzod said:

function afterrender(sender, eOpts)
{
    var me=sender;
    me.triggerButtonEl = me.bodyEl.createChild({
        tag: 'button',
        html: '<i class="fa fa-search fa" style="position:relative; color:grey;"></i>',
        title: "This is a tip"
    });
    
    me.triggerButtonEl.setStyle('position', 'absolute');
    me.triggerButtonEl.setStyle('top', '0px');
    me.triggerButtonEl.setStyle('right', '0px');
    me.triggerButtonEl.setStyle('left', 'auto');
    me.triggerButtonEl.setStyle('height', '100%');
    
    me.triggerButtonEl.addListener('click', function(){
        //ajaxRequest(me, 'clicked', []);
    });
    
    me.inputEl.setStyle('padding-right', me.triggerButtonEl.getWidth()+1);
}

 

Thanks