Answers

• allan Posts: 64,301Questions: 1Answers: 10,618 Site admin

  March 31

  There is a liveSearch option for that. See this example and the docs here.

  Allan
• FireNet999 Posts: 11Questions: 3Answers: 0

  March 31

  Many thanks Allan
  Most appreciated
  Regards
  Colin
• FireNet999 Posts: 11Questions: 3Answers: 0

  April 1

  HI Alan
  I have inserted the liveSearch as false in the top layout which works fine.
  This method uses the page to take and show the parameters. However, I have the searchBuilder in a row of buttons, and when entered as 'searchBuilder', it opens in a modal window, as shown below.

  {
                      text: 'Create Member',
                      action: function () {
                          // Create new record
                          editor.create({
                          title: 'Create Member',
                          buttons: [
              { label: 'Cancel', fn: function () { this.close(); } }, 'Add'
                      ]
                          });
                      }
                  },
          'searchBuilder',        
          {
                      extend: 'savedStates',
                  text: 'Saved Filters',
                  buttons: [
                          'createState',
                          'removeAllStates',
                          {extend: 'spacer', style: 'bar'}
                      ]
                  },
  

  When I replace the above 'seachBuilder' with:

  searchBuilder: {
                  liveSearch: false
              },
  

  An error is given in the console as Unexpected token ':'
• allan Posts: 64,301Questions: 1Answers: 10,618 Site admin

  April 1 Answer ✓

  Your buttons array should include:

  {
    extend: 'searchBuilder',
    config: {
      liveSearch: false
    }
  }
  

  where you want the button to appear (i.e. instead of 'searchBuilder'.

  If that doesn't work, please link to a test case so I can take a look.

  Allan
• kthorngren Posts: 21,913Questions: 26Answers: 5,063

  April 1 Answer ✓

  See this example that shows how to configure SearchBuilder when using buttons.

  Kevin
• FireNet999 Posts: 11Questions: 3Answers: 0

  April 1

  Many thanks both. That works a treat.

        {
           extend: 'searchBuilder',
            config: {
     depthLimit: 2,
      liveSearch: false
                      }
        }
  

  With regard to the liveSearch though when I press Search the modal window stays visible so I have to click off it to hide the modal window
• allan Posts: 64,301Questions: 1Answers: 10,618 Site admin

  April 1 Answer ✓

  There isn't an option to have the modal hide on pressing the button at the moment. I can look into that in future.

  Allan
• FireNet999 Posts: 11Questions: 3Answers: 0

  April 2

  Many thanks, Allan
  Colin