Knockout how to get data-bind keys and value observables using element?

I need to get data bind keys and value observable using element.

<select id="selector" data-bind="options:selectOptions,value:selectedValue"></select>

var ViewModel = {
   some other stuff

In other viewmodel I can access dom element now I need to update element's binding context observable.

how can I get data-bind keys and values?

I need something like this




ko.dataFor(element) will help. See -

In your other view-model where you have the element, call:

var bound_vm = ko.dataFor(element)

bound_vm will then be whatever view-model was bound against that element.

I don't think you can get the key/vals of the original binding; KO has parsed it into functions. Presumably in your other view-model you want to change whatever is bound to options, but you don't know what it is called? You could do something like this with jQuery to parse the original data-bind attribute:

OtherViewModel: {
    the_logic: function() {
        // We have the element already
        var element = [already set to a DOM node]

        // Get the view-model bound to the element
        var bound_vm = ko.dataFor(element)

        // Parse the original binding attribute on the element
            function(idx, binding) {
                var parts = binding.split(":")
                binding_info[parts[0].trim()] = parts[1].trim()

        // Now binding_info should hold what you want. EG we can set whatever
        // the options binding is bound to like this:


Well i recommend you use this. You can handle it on javascript end using jquery unobtrusive plugin.

For this you can create an object

var binding = {
    options: 'tickets',
    optionsCaption: "'Choose...'",
    optionsText: "'name'",
    value: 'chosenTicket'

And use it like this


Instead of this

        options: tickets, 
        optionsCaption: 'Choose...',
        optionsText: 'name',
        value: chosenTicket

this way you will have the binding object available to reuse and your code will be quite clean. Make sure you call it before applyBinding.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.