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