Multiple selection WebDropDown configuration

8920

Michael Seidel posted over 4 years ago

Need to configure attached multiple selection WDD as following:

Currently every time an item checked/unchecked wdd is getting closed. I need to configure it so user can make multiple choices without interruption and wdd is getting closed when it is losing focus, i.e. user goes to other element of the form.

When user done with all changes and while wdd losing focus I need client event to validate values before post back.. and not let user to leave the control if wrong values chosen.. I do not need all the details just reference to the wddUno.CurrentValue. inside that event that returns true or false and on false brings focus back to the wdd so user can make changes..

Thanks.

igWDD.zip

Top Replies

8920

Offline Michael Seidel posted over 4 years ago in reply to Monika Kirkova +1 verified
Hi Monika, I added what you have sent to me into my pj and it worked... Thanks a lot.. I do have a question although. What is the nature of this kind...view reply »
1320

Offline Monika Kirkova posted over 4 years ago in reply to Michael Seidel +1 verified
Hello Michael, ClientEvents could be added to the controls in two ways: as a properties for the control: <ig:WebDropDown ID="wddUno" runat="server...view reply »
8920

Offline Michael Seidel posted over 4 years ago in reply to Monika Kirkova +1 verified
All clear.... Thanks for your help

1320

Offline Monika Kirkova posted over 4 years ago in reply to Michael Seidel

Hello Michael,

I am glad that you find my suggestion helpful and were able to solve your issue.

Thank you for using Infragistics components.

Regards,

Monika Kirkova,

Infragistics
Cancel
Reply

Cancel
8920

Verified Answer
Offline Michael Seidel posted over 4 years ago in reply to Monika Kirkova

All clear.... Thanks for your help
Cancel
Reply

Reject Answer

Cancel
1320

Verified Answer
Offline Monika Kirkova posted over 4 years ago in reply to Michael Seidel

Hello Michael,

ClientEvents could be added to the controls in two ways: as a properties for the control:

<ig:WebDropDown ID="wddUno" runat="server" Width="200px" ClientEvents-Blur="blur">

or in the body of the controls as below:

<ig:WebDropDown ID="wddUno" runat="server" Width="200px">

<ClientEvents Blur="blur" />

</ig:WebDropDown>

Both ways should work for all controls. The WebDropDown exposes the public property ClientEvents. More information regarding all ClientEvents could be found in the following topic.

Please let me know if you need any further information regarding this matter.

Regards,

Monika Kirkova,

Infragistics
Cancel
Reply

Reject Answer

Cancel
8920

Verified Answer
Offline Michael Seidel posted over 4 years ago in reply to Monika Kirkova

Hi Monika,

I added what you have sent to me into my pj and it worked... Thanks a lot.. I do have a question although.

What is the nature of this kind of properties like that ClientEvents-Blur = "..." I did not work with web form for a while .. from older projects I do remember syntax like that in the markup files :

<ClientEvents SelectionChanged="SetBtnSaveANDChangesState"/>

Is that new syntax to get client events, can you refer to the place in ig documentation for it. Also will it work in older ig components?

Thanks.
Cancel
Reply

Reject Answer

Cancel
1320

Offline Monika Kirkova posted over 4 years ago in reply to Michael Seidel

Hello Michael,

The clientEvent “blur” is fired every time the WebDropDown loses focus, I have bound a method to the event, in order to execute the code in the method, every time the event is triggered.

<ig:WebDropDown ID="wddUno" runat="server" Width="200px" ClientEvents-Blur="blur" . . . >

<script>

        function blur(sender, evt) {

            var wdd = $find('<%=wddUno.ClientID%>');

            if (wdd.get_currentValue().includes("2014")) {

                wdd._elements["Input"].focus();

            }

        }

</script>

The jQuery scripts are necessary, in order to use the “find” method, as for the modernizr, it is not needed in this project. Additionally, another approach could be to cancel the “dropDownClosing” event by setting “event._cancel” to true if the value is not correct.

<ig:WebDropDown ID="wddUno" runat="server" Width="200px" ClientEvents-DropDownClosing="closing" . . . >

<script>

function closing(sender, evt) {

            var wdd = $find('<%=wddUno.ClientID%>');

            if (wdd.get_currentValue().includes("2014")) {

                evt._cancel = true;

            }

}

</script>

Below I am attaching both suggestions, including the designer file. Please let me know if you need any further information regarding this matter.

Regards,

Monika Kirkova,

Infragistics

WebDropDownValidateValue.zip
Cancel
Reply

Cancel