Author Topic: How to use search function in select option?  (Read 150 times)

atmaneuler

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 26
    • View Profile
How to use search function in select option?
« on: December 04, 2020, 12:17:53 pm »
I want to add search function in select option, how will I do it?
This is my code:
         {
            type: 'select',
            cls: 'dDayColSelector',
            options: function (ui) {
              const CM = this.getColModel(),
                opts = [];
              for (let i = 0; i < CM.length; i++) {
                const titleLst = {},
                  column = CM;
                titleLst[column.dataIndx] = column.title;
                if (!column.menuInHide) {
                  opts.push(titleLst);
                }
              }
              return opts;
            },
            listeners: [
              {
                change: function (evt) {
                  const CM = this.getColModel(),
                    $toolbar = this.toolbar(),
                    $dDayColSelector = $toolbar.find('.dDayColSelector').val();
                  for (let i = 0; i < CM.length; i++) {
                    const column = CM,
                      dataIndx = column.dataIndx + '';
                    if (CM.menuInDisable) {
                      continue;
                    }
                    if ($$.inArray(dataIndx, $dDayColSelector) === -1) {
                      CM.hidden = true;
                    } else {
                      CM.hidden = false;
                    }
                  }
                  this.refresh();
                },
              },
            ],
            attr: 'multiple=\'multiple\'',
            Fstyle: 'height:60px;',
          },


And this is what I want it to be

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 4960
    • View Profile
Re: How to use search function in select option?
« Reply #1 on: December 06, 2020, 10:01:41 am »
[ Only Pro members may read this post. ]
« Last Edit: December 06, 2020, 10:05:51 am by paramvir »