OBOUT - ASP.NET MVC ComboBox - Client-Side API

ASP.NET MVC ComboBox - Client-Side API - Events

Event logger:

The ComboBox control provides client-side events that allow you to detect when the end user performs a specific action with the control. The following client-side events are raised by the control:

OnSelectedIndexChanged - is raised when the selection is changed;
OnItemClick - is raised when an item is clicked (selection doesn't need to change);
OnOpen - is raised when the drop down menu is opened;
OnClose - is raised when the drop down menu is closed;
OnFocus - is raised when the control receives the focus;
OnBlur - is raised when the control loses the focus;

To set up event handlers for these events you need to use the ClientSideEvents property of the ComboBox.

View - Aspx


    <% Html.Obout(new OboutTextBox("OboutTextBox1")
    {   
         TextMode = TextBoxMode.MultiLine
    }); %>
    
    <% Html.Obout(new ComboBox("ComboBox1")
    {
        ClientSideEvents = new ComboBoxClientSideEvents() 
        {  
            OnSelectedIndexChanged = "ComboBox1_SelectedIndexChanged",
            OnItemClick = "ComboBox1_ItemClick",
            OnOpen = "ComboBox1_Open",
            OnClose = "ComboBox1_Close", 
            OnFocus = "ComboBox1_Focus",  
            OnBlur = "ComboBox1_Blur"
        }
    }); %>

View - Razor


    @Html.Obout(new OboutTextBox("OboutTextBox1")
    {   
         TextMode = TextBoxMode.MultiLine
    })
    
    @Html.Obout(new ComboBox("ComboBox1")
    {
        ClientSideEvents = new ComboBoxClientSideEvents() 
        {  
            OnSelectedIndexChanged = "ComboBox1_SelectedIndexChanged",
            OnItemClick = "ComboBox1_ItemClick",
            OnOpen = "ComboBox1_Open",
            OnClose = "ComboBox1_Close", 
            OnFocus = "ComboBox1_Focus",  
            OnBlur = "ComboBox1_Blur"
        }
    })

JavaScript


    function ComboBox1_SelectedIndexChanged(sender, selectedIndex) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('SelectedIndexChanged was raised - new selected index: ' 
        + selectedIndex + currentLogs);
    }

    function ComboBox1_ItemClick(sender, selectedIndex) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('ItemClick was raised - item with index ' + selectedIndex 
        + ' was clicked ' + currentLogs);
    }

    function ComboBox1_Open(sender) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('Open was raised' + currentLogs);
    }

    function ComboBox1_Close(sender) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('Close was raised' + currentLogs);
    }
    function ComboBox1_Focus(sender) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('Focus was raised' + currentLogs);
    }
    function ComboBox1_Blur(sender) {
        var currentLogs = '\r\n' + OboutTextBox1.value();
        OboutTextBox1.value('Blur was raised' + currentLogs);
    }

"THANK YOU AGAIN!!!! IT WORKS!!!! Anyway, I don't know how much to thank you for your quick and efficient support. I've been computer developer for almost 8 years now, and I have never found a company with a support so fast and effective. My real compliment to you and your company."

Alessandra Monica

Random testimonial All testimonials