Custom binding using knockoutmvc

[Lulamile Gaji]

How do I call a custom binding in knockout MVC. 

e.g. @ko.Html........

using this:-

ko.bindingHandlers.datetimepicker = {

            init: function (element, valueAccessor, allBindingsAccessor) {

                //initialize datepicker with some optional options

                var options = allBindingsAccessor().datepickerOptions || {};

                $(element).datetimepicker(options);

                //when a user changes the date, update the view model

                ko.utils.registerEventHandler(element, "changeDate", function (event) {

                    var value = valueAccessor();

                    if (ko.isObservable(value)) {

                        value(event.date);

                    }

                });

            },

            update: function (element, valueAccessor) {

                var widget = $(element).data("datetimepicker");

                //when the view model is updated, update the widget

                if (widget) {

                    widget.date = ko.utils.unwrapObservable(valueAccessor());

                    widget.setValue();

                }

            }

        };

[Agah Özer]

is there any way to custom bindings ?

i need to bind select2

[Agah Özer]

after i try some methods.....


                                @ko.Html.DropDownList(m => m.MyList, null, "MyListName").Custom("select2","")


<script type="text/javascript">
    ko.bindingHandlers.select2 = {

        init: function (element, valueAccessor, allBindingsAccessor) {

            var obj = valueAccessor(),
              allBindings = allBindingsAccessor(),
              lookupKey = allBindings.lookupKey;

            setTimeout(function () {
                $(element).select2(obj);
            }, 0);

            if (lookupKey) {
                var value = ko.utils.unwrapObservable(allBindings.value);
                $(element).select2('data', ko.utils.arrayFirst(obj.data.results, function (item) {
                    return item[lookupKey] === value;
                }));
            }

            ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
                $(element).select2('destroy');
            });
        },
        update: function (element) {
            $(element).trigger('change');
        }
    };
</script>
@ko.Apply(Model)


this is work for me.....

1 Mayıs 2014 Perşembe 13:22:25 UTC+3 tarihinde Lulamile Gaji yazdı: