设计到左右的交互，点击赋予授权，先确定左边
以下是我的代码，但是我的代码并不能 出现这样，我也不知道哪里错了，请求指点出具体错误，非常感谢
<body>
<div data-toggle="topjui-layout" data-options="fit:true">
<div data-options="region:'west',title:'',split:true,border:false,width:'50%',iconCls:'fa fa-sitemap',headerCls:'border_right',bodyCls:'border_right'">
<!-- treegrid表格 -->
<table data-toggle="topjui-treegrid"
data-options="id:'roleTreeId',
idField:'id',
treeField:'text',
singleSelect:true,
url:'${basePath}/syRole/findAllSysRoleList',
childGrid:{
param:'menuId:id',
grids:[
{type:'treegrid',id:'menuTreeId'}
]
}">
<thead>
<tr>
<th data-options="field:'id',title:'ID',checkbox:true"></th>
<th data-options="field:'text',title:'名称',width:100"></th>
<th data-options="field:'comments',title:'描述',width:100"></th>
<th data-options="field:'code',title:'编码',width:100"></th>
<th data-options="field:'order',title:'排序',width:20"></th>
</tr>
</thead>
</table>
</div>
<div data-options="region:'center',iconCls:'icon-reload',title:'',split:true,border:false,bodyCls:'border_left'">
<!-- treegrid表格 -->
<table data-toggle="topjui-treegrid"
data-options="id:'menuTreeId',
idField:'id',
treeField:'text',
url:'${basePath}/sysMenu/findAllSysMenuList?parentId=0'
">
<thead>
<tr>
<th data-options="field:'id',title:'ID',checkbox:true"></th>
<th data-options="field:'text',title:'名称',width:100"></th>
</tr>
</thead>
</table>
</div>
</div>
<div id="roleTreeId-toolbar" class="topjui-toolbar">
<a href="javascript:void(0)"
data-toggle="topjui-menubutton"
data-options="method:'openDialog',
extend: '#roleTreeId-toolbar',
iconCls: 'fa fa-plus',
btnCls: 'topjui-btn-green',
dialog:{
id:'roleAddDialog',
href:_ctx + '/html/complex/dialog_add.html',
buttonsGroup:[
{text:'保存',url:_ctx + '/json/response/success.json',iconCls:'fa fa-plus',handler:'ajaxForm',btnCls:'topjui-btn-brown'}
]
}">新增</a>
</div>
<div id="menuTreeId-toolbar" class="topjui-toolbar">
<a href="javascript:void(0)"
data-toggle="topjui-menubutton"
data-options="method:'doAjax',
btnCls:'topjui-btn-green',
iconCls:'fa fa-plus',
url:'#',
confirmMsg:'确定要执行该操作吗？',
parentGrid:{
type:'treegrid',
id:'roleTreeId',
uncheckedMsg:'请先选择要赋予的具体角色!'
},
grid: {
type:'treegrid',
id:'menuTreeId',
parentIdField:'pid',
uncheckedMsg:'请选中要授权的菜单!'
}
">赋予授权</a>
<a href="javascript:void(0)"
data-toggle="topjui-menubutton"
data-options="method:'doAjax',
extend: '#menuTreeId-toolbar',
btnCls:'topjui-btn-brown',
iconCls:'fa fa-plus',
url:'#',
grid: {uncheckedMsg:'请先勾选要删除的数据',param:'userId:id,account:account'}">取消授权</a>
</div>
</body>