WebDropDown Web Service Client Side

Lokesh Manapure posted over 10 years ago

Hi Everyone

just been playing around but cant seem to find any way to hook the WebDropDown to a web service on the client side like the ajaxtoolkit autocompleteextender see link and example below:

http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/autocomplete/autocomplete.aspx

Example:

<AjaxToolKit:AutoCompleteExtender ServiceMethod="ExampleMethod" ServicePath="~/AutoComplete.asmx" MinimumPrefixLength="1"
CompletionInterval="10" TargetControlID="txtbxExample" ID="AutoCompleteExtender1" runat="server">
</AjaxToolKit:AutoCompleteExtender>

i would want the WebDropDown to populate after a number of characters had been entered unlike the example given by infragistics which binds on the server side see link below:

http://help.infragistics.com/Help/Doc/ASPNET/2011.1/CLR4.0/html/WebDropDown_Binding_WebDropDown_to_a_Web_Service.html

i would also want to group the items if possible

Example

any help would be appreciated

Thanks

45

Lokesh Manapure posted over 10 years ago

just noticed that there was a answers saying this would be coming that was in 2009 see link below

http://www.infragistics.com/community/forums/p/33222/183736.aspx#183736
Cancel
Reply

Cancel
20255

Suggested Answer
Offline Zdravko Kolev posted over 10 years ago in reply to Lokesh Manapure
Hello,

Thank you for your post.

As I understand you want to retrieve some data from a WebService and bind it on the client.

I have create you a sample in order to show you this approach, although my data is a static json. You will need to set EnableClientRendering to true and to perform some other changes, for more information see the code snippet below:

<ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px" EnableClientRendering="true"

                DropDownContainerMaxHeight="200" EnableDropDownAsChild="false" CurrentValue=""

                EnableCustomValues="true" TextField="Data"

                ClientEvents-DataBinding="onDataBind" DisplayMode="DropDown">

            </ig:WebDropDown>

Also I am using jquery template to set the items as you desired.

................

function onDataBind(sender, eventArgs) {

            eventArgs.set_cancel(true);

            sender._pi.show(sender);

            var dataSource = data;

            sender.set_dataSource(dataSource);

            sender.set_template(MyTemplate);

            setTimeout(function () {

                sender.dataBind();

                sender._pi.hide(sender);

                sender.set_currentValue("");

            }, 500);

        }

    </script>

    <script id="MyTemplate" type="text/x-jquery-tmpl">

        {{if (Species == "Mamels") || (Species == "Dinosaurs") }}

            <li><i><b>${Species}</b></i></li>

        {{else}}

            <li>${Species}</li>

        {{/if}}

    </script>

Useful references:

http://www.infragistics.com/products/aspnet/sample/drop-down/using-client-binding-to-bind-to-hierarchical-json

http://www.infragistics.com/products/aspnet/sample/drop-down/jquery-client-template

If you need further assistance on this matter contact me.
ClientSideBinding.zip
Cancel
Reply

Reject Answer

Cancel
20255

Offline Zdravko Kolev posted over 10 years ago in reply to Lokesh Manapure

Hello,

If you need further assistance on this, contact me. I hope you like the sample that I've send you.
Cancel
Reply

Cancel