<div data-options="dxView : { name: 'FacilityCodeClass', title: '@viewFacilityCodeClass', pane: 'master' } "> <div data-bind="dxCommand: commandInsertButtonOptions[0]"></div> <div data-bind="dxCommand: commandInsertButtonOptions[1]"></div> <div data-bind="dxCommand: commandInsertButtonOptions[2]"></div> <div data-bind="dxCommand: commandUpdateButtonOption"></div> <div data-bind="dxCommand: { action: refreshList, id: 'refresh', title: 'Refresh', icon: 'refresh' }"></div> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'FacilityCodeClassPopup' }"></div> <p class="body_sub_title">@facilityClassList</p> <div class="body_sub_title_2depth" data-bind="text: selectedClassName"></div> <div id="gridContainer1" style="float:left; height: 685px; display:inline-block; width: 28%;" /> <div id="gridContainer2" style="float:left; margin-left: 2%; height: 685px; display:inline-block; width: 28%;" /> <div id="gridContainer3" style="float:right; height: 685px; display:inline-block; width: 40%;" /> <!--<div data-bind="dxList: { dataSource: dataSource, pullRefreshEnabled: true }"> <div data-bind="dxAction: '#BuildingDetails/{BuildingId,SiteId}'" data-options="dxTemplate : { name: 'item' } "> <div class="list-item" data-bind="text: Name"></div> </div> </div>--> </div> </div>