Add clear button and clear Quick filter selected value.

Ovride getButton method on Gtide.ts

  getButtons(): Serenity.QuickFilter<Serenity.Widget<any>, any>[]{

          //  let filters = super.getQuickFilters();
           // let fld = Bhaktyadi.BhaktMasterRow.Fields;




            var buttons = super.getButtons();
            buttons.push(Serene.Common.ExcelExportHelper.createToolButton({
                grid: this,
                onViewSubmit: () => this.onViewSubmit(),
                service: '/Bhaktyadi/BhaktMaster/ListExcel',
                separator: true
            })),
            buttons.push({
                title: 'clear',
                cssClass: 'add-button',
                hotkey: 'alt+w',
                onClick: function () {
                    //alert('this is sample clear button');

                    $('#Serene_Bhaktyadi_BhaktMasterGrid0_QuickFilter_FirstName').val("");
                    $('#Serene_Bhaktyadi_BhaktMasterGrid0_QuickFilter_MiddleName').val("");
                    $('#Serene_Bhaktyadi_BhaktMasterGrid0_QuickFilter_LastName').val("");
                    //$('s-QuickSearchBar.s-QuickSearchInput')[0].focus();

                    //let filter = Q.first(filters, x => x.field == fld.FirstName);
                    //filter.element = h => {
                    //    h.val("");
                    //}


                                        //let fld = Bhaktyadi.BhaktMasterRow.Fields;
                    //filter = Q.first(filters, x => x.field == fld.LastName);
                    //filter.value = "";
                    //self.addButtonClick();
                }
            });
            //buttons.push(Serene.Common.PdfExportHelper.createToolButton({
            //    grid: this,
            //    onViewSubmit: () => this.onViewSubmit()
            //}));

            return buttons;
        }

  buttons.push({
                title: 'clear',
                cssClass: 'add-button',
                hotkey: 'alt+w', //escape
                onClick: function () {
                    //alert('this is sample clear button');iis

                   // myfilter[0].title = "test";
                   $('#Serenity_EntityGrid0_QuickFilter_CustomerID').val("").trigger("change");
                    $('#Serenity_EntityGrid0_QuickFilter_OrderDate').focus();

                    // alert("test");


                   // $('#s2id_autogen1').val("").trigger("change");
                   // $('.select2-search-choice-close').trigger("select2-removed");
                  //  $('.select2-search-choice-close').trigger('change');
                  //  $("abbr.select2-search-choice-close", $("#s2id_Serenity_EntityGrid0_QuickFilter_CustomerID").prev()).trigger("click"); 



                    //$('#Serene_Bhaktyadi_BhaktMasterGrid0_QuickFilter_MiddleName').val("");
                   // $('#Serene_Bhaktyadi_BhaktMasterGrid0_QuickFilter_LastName').val("");
                    //$('s-QuickSearchBar.s-QuickSearchInput')[0].focus();

                    //let filter = Q.first(filters, x => x.field == fld.FirstName);
                    //filter.element = h => {
                    // h.val("");
                    //}


                    //let fld = Bhaktyadi.BhaktMasterRow.Fields;
                    //filter = Q.first(filters, x => x.field == fld.LastName);
                    //filter.value = "";
                    //self.addButtonClick();
                }
            });