KoGrid - Issue

by rpallas

HTML

<script src="https://github.com/Knockout-Contrib/KoGrid/blob/master/koGrid-2.1.1.debug.js"></script>
<link rel="stylesheet" href="https://github.com/Knockout-Contrib/KoGrid/blob/master/KoGrid.css">
<div class="gridStyle" data-bind="koGrid: gridOptions"></div>
<div class="selectedItems" data-bind="with: mySelections()[0]">
    <p data-bind="text: name"></p>
</div>

CSS

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px;
    float: left;
}

.selectedItems{
    float: left; 
}

JavaScript

function masterDetailsVm(){
    var self = this;
    this.mySelections = ko.observableArray([]);
    this.myData = ko.observableArray([{name: "Moroni", age: 50},
                                      {name: "Tiancum", age: 43},
                                      {name: "Jacob", age: 27},
                                      {name: "Nephi", age: 29},
                                      {name: "Enos", age: 34}]);
    this.gridOptions = { 
      data: self.myData,
      selectedItems: self.mySelections,
      multiSelect: false
    };
};
ko.applyBindings(new masterDetailsVm());