<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>