| 1234567891011121314151617181920212223 | <div data-options="dxView : { name: 'MaterialCodeClass', title: '@viewMaterialCodeClass', 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: 'MaterialCodeClassPopup' }"></div>        <p class="body_sub_title">@materialClassList</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>
 |