<div data-options="dxView : { name: 'UserGroup', title: '@viewUserGroup', pane: 'master' } ">
    <div data-bind="dxCommand: { action: popupInsertView, id: 'create', title: '@groupInsert', disabled: hasnotModificationPermission, icon: 'entry' }"></div>
    <div data-bind="dxCommand: { action: handleEdit, disabled: selectedUserGroup() === null, id: 'edit', title: '@groupEditDelete', icon: 'edit' }"></div>
    <div data-bind="dxCommand: { action: handleSave, disabled: selectedUserGroup() === null || hasnotModificationPermission(), id: 'save', title: '@menuSave', icon: 'save' }"></div>

    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'UserGroupPopup' }"></div>
<!--        <div data-options="dxViewPlaceholder: { viewName: 'UserGroupSearchConditionView' }"></div>-->

      <div style="float:left; width: 36%; height: 690px">
        <p class="body_sub_title">권한 그룹 목록</p>
        <div id="gridContainer" ></div>
      </div>
      <div style="float:right; display:inline-block; width: 60%; height: 660px">
        <p class="body_sub_title">메뉴 목록</p>
        <div id="gridContainer2" data-bind="dxDataGrid: menuDataGridOptions" />
      </div>
    </div>
</div>