dropdownlist extension

by grippstick

HTML

<link rel="stylesheet" href="http://babackofficedev.radolo.com/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://babackofficedev.radolo.com/Kendo/Styles/kendo.flat.min.css">
<script src="http://babackofficedev.radolo.com/Kendo/js/jquery.min.js"></script>
<script src="http://babackofficedev.radolo.com/Kendo/js/kendo.all.min.js"></script>
<div id='container'> 
    <input data-role='radolodropdownlist' data-bind='source:ds' data-popup-class='jeremy' />
</div>

JavaScript

var DropDownList = kendo.ui.DropDownList;

var RadoloDropDownList = DropDownList.extend({
    init: function (element, options) {
        console.warn(options);
        DropDownList.fn.init.call(this, element, options);

        this.bind("open", function () {
            this.list.addClass(this.options.popupClass);
        });

    },
    options: $.extend({}, DropDownList.fn.options, {
        name: "RadoloDropDownList",
        popupClass:""
    })
});



kendo.ui.plugin(RadoloDropDownList);


var $container = $('#container');

var vm = new kendo.observable({
    ds: ["foo", "bar"]
});


kendo.bind($container, vm);