easyui弹出框中添加按钮添加不进去

我想在弹出框中添加提交的按钮，但是在弹出层的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>

跪求大神帮忙

解决了，easyui的版本问题