CODEWITHSUNDEEP
knockout.js
user2243747
user2243747

Reputation: 2967

knockout.js - hasFocus not working

I am trying to implement simple demo code which uses 'hasFocus' binding. Sample code is available here It is also working fine in the browser (IE)

When I copy same code and paste it in my MVC application it stops working. Even if after clicking on button its not setting focus on text box. Below is my code:

<div>
    <div>
        <input data-bind="hasFocus: isSelected" />
        <button data-bind="click: setIsSelected">Focus programmatically</button>
        <span data-bind="visible: isSelected">The textbox has focus</span>
    </div>
</div>

@section scripts{
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/knockout-2.1.0.js")"></script>
    <script type="text/ecmascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.20.js")"></script>
    <script>
        $(function () {
           var viewModel =
                {
                    isSelected: ko.observable(false),
                    setIsSelected: function () { this.isSelected(true) }
                };
            ko.applyBindings(viewModel);
        });
    </script>
}

Does anyone know what has went wrong here?

Upvotes: 3

Views: 3093

Answers (1)

user2243747
user2243747

Reputation: 2967

This is bug in the knockout framework and its fixed in knockoutjs3.0.0. You can donwload latest knockout library using nuget package manager

Upvotes: 7

Related Questions