Author Topic: Checkbox for autocomplete  (Read 3379 times)

fuljoyment

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 13
    • View Profile
Checkbox for autocomplete
« on: November 23, 2016, 09:51:38 pm »
hi I am using Autocomplete in the textbox field for the remote header filtering. Right now the user is able to select one item from the list generated using autocomplete.  Is it possible to create check box for the all the items that are generated in autocomplete, so that the user can select multiple options and filter for them? if so how?
My present code is below

{
            title: "xyz", width: 100, dataIndx: "xyz",
            filter: {
                type: "textbox",
                condition: 'equal',
                listeners:  'change',
                init: function () {
                    $(this).autocomplete({
                        source: "userpage1/getresult",
                        selectItem: { on: true },
                        highlightText: { on: true },
                        minLength: 0,
                        delay: 500
                    }).focus(function () {     
                        $(this).autocomplete("search", " ");
                    });
                   
                }
            }
        },

I have one more problem, When a user types something in the filter textbox and hits enter, the page is redirected to default page. Can you please let me know how i can stop the page from being redirected to default application page.

Thank you in advance.

Jabez.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 5114
    • View Profile
Re: Checkbox for autocomplete
« Reply #1 on: November 24, 2016, 12:03:18 pm »
[ Only Pro members may read this post. ]

fuljoyment

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 13
    • View Profile
Re: Checkbox for autocomplete
« Reply #2 on: December 07, 2016, 02:26:57 pm »
Hi,
I found a solution to autocomplete using jquery. Thank you for your reply and support.
the code i am using now is:
  title: "xyz", width: 100, dataIndx: "xyz",
            filter: {
                type: "textarea",
                condition: 'equal',
                listeners:  'change',
            init: function () {
                    $(this).autocomplete({
                        source: "userpage1/getresult",
                        selectItem: { on: true },
                        highlightText: { on: true },
                        minLength: 0,
                        delay: 500,
                        select: function (event, ui) {
                            var terms = split(this.value);
                            terms.pop();
                            terms.push(ui.item.value);
                            terms.push("");
                            this.value = terms.join(", ");
                            return false;
                        }
                    });
                }

function split(val) {
        return val.split(/,\s*/);
    }

The above code is working fine with Firefox browser. but in other browsers like IE and Chrome, the 'change' event is not fired. i tried using tab and clicking on another control without any positive result. Can you please help me to resove this browser difference for this change event.

Thank you.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 5114
    • View Profile
Re: Checkbox for autocomplete
« Reply #3 on: December 07, 2016, 08:27:49 pm »
[ Only Pro members may read this post. ]