KO ResultSet

12 Apr 20162 minutes to read

The DataManager contains a default method to subscribe the view model properties as KO observable. This is done at the success of the executeQuery by using the getKnockoutModel. You can also provide computed properties to the view model by using the getKnockoutModel.

The following code example illustrates on how the model is made observable and updated.

HTML

<asp:Content ID="ControlContent" runat="server" ContentPlaceHolderID="MainContent">

    <ej:DataManager ID="FlatData" runat="server" Adaptor="JsonAdaptor"/>

    <div>

        <div id="Grid" data-bind="ejGrid: { dataSource: dataSource, allowPaging: true, pageSettings: { currentPage: currentPage, pageSize: 4 }}"></div>

    </div>

     <ej:Button runat="server" Type="Button" Text="Binding" ClientSideOnClick="onClick" ID="submit"></ej:Button>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ScriptSection" runat="server">

    <script src="../Scripts/knockout-min.js"></script>

    <script src="../Scripts/ej/ej.widget.ko.min.js"></script>

    <script type="text/javascript" class="jsScript">

        function onClick(arg) {

            var data = window.FlatData;

            window.employeeView = {

                dataSource: ko.observableArray(data),

            };

            ko.applyBindings(employeeView);

            var proxy = $("#MainContent_OrdersGrid").ejGrid("instance");

            proxy.refreshContent();

        }



    </script>

 </asp:Content>

The result of the above code example is illustrated as follows.

Before changing the model, EmployeeID 1 has FullName value as Nancy Davolio. After changing, the result is as follows.