obout mvc combobox selected Index changed event not working

Question

I have this MVC control this is my control

@Html.Obout(new Obout.Mvc.ComboBox.ComboBox("Country")
                        {
                            SelectedIndex = 0,
                            ShowSelectedImage = true,                                
                            ClientSideEvents = new ComboBoxClientSideEvents()
                            {
                                OnSelectedIndexChanged = "checkalert"
                            },

                         OnSelectedIndexChanged="checkalert",
                            ID = "Country1",
                            FolderStyle = "~/Content/Obout/ComboBox/styles/plain",
                            FilterType = Obout.Mvc.ComboBox.ComboBoxFilterType.Contains,
                            Width = 150,
                            Height = 200,
                            MenuWidth = 640
                        })

and this is my js function:

function checkalert() {
        debugger;
        alert(" change");
     return '1';
    }

I have an error that

Uncaught ReferenceError: checkalert is not defined

I need a checkalert() function triggered when selected index changed

@LaxmanGite I need to use this combobox control and need to call another function on the index changed of this combobox — nesreen adly, Jul 02 '17 at 08:47

Ehsan Sajjad · Accepted Answer · 2017-07-02T12:35:03.510

0

From the documentation of obout it says that the function would have two input paramters i.e sender and selectedIndex, according to that your function definitions should look like:

function checkalert(sender, selectedIndex) {
    debugger;
    alert(" change");
 return '1';
}

And also if you have script after the razor code in view, then you need to put the JavaScript code on top of view.

You can see the working example with code provided on Obout site here.

and also remove the other SelectedIndexChanged event which is defined after the ClientSideEvents setter as you need just client side event, that would cause errors as well.

Hope it helps you resolve your issue.

edited Jul 02 '17 at 12:35

answered Jul 02 '17 at 09:08

Ehsan Sajjad

61,834
16
105
160

JavaScript runtime error: 'checkalert' is undefined also – nesreen adly Jul 02 '17 at 09:31
where have you defined the js function? – Ehsan Sajjad Jul 02 '17 at 09:33
on the same view on script tag – nesreen adly Jul 02 '17 at 09:41
the error comes on pageload or when you change index? – Ehsan Sajjad Jul 02 '17 at 11:20
place the script on top of view before the razor code – Ehsan Sajjad Jul 02 '17 at 12:00

obout mvc combobox selected Index changed event not working

1 Answers1