I am using the following for custom button on toolbar, but whenever any search is performed in the grid (be it text or selector) the button gets duplicated with the text on every search, kindly refer the attached screenshot
demos/appearance/toolbar-button.php
$grid[“loadComplete”] = “function(){ addButton(); }”;
// adds a button on top right of toolbar
function addButton()
{
setTimeout( ()=> {
jQuery(‘#list1_filtersearch’).before(“<button style=’margin-top:-5px; border-color: transparent;’ id=’list1_circle’ type=’button’>xxx</button>”);
jQuery(“#list1_circle”).uibutton({ icons: { primary: “ui-icon-bars fa fa-circle” },text: false }).click(function ()
{
alert(‘circle’);
return false;
});
}, 200);
Kindly advise
Thanks !
I’ve updated the demo to solve this. Moved it from loadComplete to document ready event.
Refer this code demo:
https://www.gridphp.com/demo/demos/appearance/toolbar-button.php
and code:
https://www.gridphp.com/demo/demos/appearance/toolbar-button.phps