Event handlers for Twitter Bootstrap dropdowns?

Question

I\'d like to use a Twitter Bootstrap dropdown button:

Answer 1

Anyone here looking for Knockout JS integration.

Given the following HTML (Standard Bootstrap dropdown button):

    
        Select an item               
        
    
    

        

            Click 1
        
        

            Click 2
        
        

            Click 3
        
    

Use the following JS:

var viewModel = function(){
    var self = this;

    self.clickTest = function(){
        alert("I've been clicked!");
    }  
};

For those looking to generate dropdown options based on knockout observable array, the code would look something like:

var viewModel = function(){
    var self = this;

    self.dropdownOptions = ko.observableArray([
        { id: 1, label: "Click 1" },
        { id: 2, label: "Click 2" },
        { id: 3, label: "Click 3" }
    ])

    self.clickTest = function(item){
        alert("Item with id:" + item.id + " was clicked!");
    }  
};



    
    

        
    
    

Note, that the observable array item is implicitly passed into the click function handler for use in the view model code.