我想在弹出框中添加提交的按钮,但是在弹出层的div的 data-options中使用footer不管用,页面效果如下
这两个按钮并不会到弹出层中。拜托大神帮忙看看是怎么回事。
下面是页面代码
<table id="role_table">
<thead>
<th data-options="field:'group_code'">角色ID</th>
<th data-options="field:'group_name'">角色名</th>
</thead>
</table>
<!-- 工具栏 -->
<div id="role-tool">
<a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="doRoleAdd()">新增</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-del',plain:true" onclick="doMenuAssign()">删除</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onclick="doMenuAssign()">分配权限</a>
</div>
<!-- 新增修改弹出层 -->
<div id="role-dialog" class="easyui-dialog" data-options="footer:'#role-buttons',modal:true,closed:true,href:'<%=request.getContextPath()%>/role/addRole'" title="编辑角色"
style="width:400px;height: 300px"></div>
<!-- 新增修改弹出层提交取消按钮 -->
<div id="role-buttons" style="padding: 5px 15px 5px 0px;text-align: right">
<a class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" onclick="submitRoleForm()">提交</a>
<a class="easyui-linkbutton" onclick="$('#role-menu-dialog').dialog('close')">取消</a>
</div>
<script>
$(function() {
$("#role_table").datagrid({
url : "role/roleList",
singleSelect : true,
toolbar:"#role-tool"
})
})
function doRoleAdd(){
$("#role-dialog").dialog("open");
}
</script>
跪求大神帮忙