首页新闻找找看学习计划

jquery easyui tabs嵌套html页面问题

0
[已关闭问题] 关闭于 2016-12-01 22:05

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生请假管理系统</title>
    <!--jquery-->
    <script src="jquery-easyui/jquery.min.js"></script>
    <!--/jquery-->
    <!--easyUI-->

    <link href="jquery-easyui/themes/icon.css" rel="stylesheet" type="text/css">
    <link href="jquery-easyui/themes/default/easyui.css" rel="stylesheet" type="text/css">

    <script src="jquery-easyui/jquery.easyui.min.js"></script>
    <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

    <!--/easyUI-->

</head>
<body class="easyui-layout">
    <div region="north" style =" height: 80px;background-color : #00bbee">
        <div style="float:left">
            <img src="#">logo
            <p style="color: #7a43b6;font-size: 25px;margin-left: 20px;">学生请假管理系统</p>
        </div>
    </div>
    <div region="center" style="width: auto">
        <div class="easyui-tabs" fit="true" border="false" id="tabs">
            <div title="首页">
                <!--首页  内容  待定-->
            </div>
        </div>
    </div>
    <div region="west" style="height: 200px;width:250px" title="菜单导航" split="true">
        <div class="easyui-accordion" data-options="fit:true,border:false">
            <div title="基础数据管理">
                <ul>
                    <li><a href="inline/user_management.html" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="用户管理">用户管理</a>
                    </li>
                    <li><a href="inline/role_management.html" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="角色管理">角色管理</a>
                    </li>
                    <li><a href="inline/user_right_management.html" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="用户权限管理">用户权限管理</a>
                    </li>
                </ul>
            </div>
            <div title="流程管理">
                <ul>
                    <li><a href="javascript:void(0);" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="流程部署管理">流程部署管理</a>
                    </li>
                    <li><a href="javascript:void(0);" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="流程定义管理">流程定义管理</a>
                    </li>

                </ul>
            </div>
            <div title="任务管理">
                <ul>
                    <li><a href="javascipt:void(0);" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="待办任务">待办任务</a>
                    </li>
                    <li><a href="javascipt:void(0);" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="已办任务">已办任务</a>
                    </li>
                    <li><a href="javascipt:void(0);" class="easyui-linkbutton"
                           data-options="plain:true" onclick="addPanel(text)" text="历史任务">历史任务</a>
                    </li>
                    <!--学生请假-->
                    <li><a href="javascipt:void(0);" class="easyui-linkbutton" url="ask_leave.html"
                           data-options="plain:true" onclick="addPanel(text,url)" text="请假申请">请假申请</a>
                    </li>
                </ul>
            </div>
            <div title="系统管理">
                <ul>
                    <!--<li><a href="javascript:void(0);" class="easyui-linkbutton"-->
                           <!--data-options="plain:true" onclick="addPanel(text)" text="修改密码">修改密码</a>-->
                    <!--</li>-->
                    <li><a href="login.html" style="text-decoration: none;display: inline-block;vertical-align: top;
                             font-size: 12px;color: black;">退出系统</a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div region="south" style="height: 25px;" align="center">
        嘉应学院
    </div>
<script>

    function addPanel(text,url) {
        if($("#tabs").tabs('exists',text)){
            $("#tabs").tabs('select',text);
        }else{
            var content="<iframe src='+url+' frameborder='0' scrolling='auto' style='width:100%;height:100%'>"
            $('#tabs').tabs('add',{

                title:text,
                content:content,
                closable:true

            });

        }

    }
</script>
</body>
</html>
请假申请 ask_leave.html
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>请假申请</title>

    <!--jquery-->
    <script src="../jquery-easyui/jquery.min.js"></script>
    <!--/jquery-->
    <!--easyUI-->

    <link href="../jquery-easyui/themes/icon.css" rel="stylesheet" type="text/css">
    <link href="../jquery-easyui/themes/default/easyui.css" rel="stylesheet" type="text/css">

    <script src="../jquery-easyui/jquery.easyui.min.js"></script>
    <script src="../jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <!--/easyUI-->
</head>
<body>
<!--这里用json接收后端请假信息-->
    <table class="easyui-datagrid" title="请假申请" style="width:700px;height:250px"
           toolbar="#toolbar" pagination="true"
           rownumbers="true" fitColumns="true" singleSelect="true">
    
        <thead>
            <tr>
                <th data-options="field:'编号',resizable:false" width="10%">编号</th>
                <th data-options="field:'请假日期',resizable:false" width="25%">请假日期</th>
                <th data-options="field:'编号',resizable:false" width="10%">请假天数</th>
                <th data-options="field:'请假原因',resizable:false" width="35%">请假原因</th>
                <th data-options="field:'编号',resizable:false" width="10%">审核状态</th>
                <th data-options="field:'编号',resizable:false" width="10%">操作</th>
            </tr>
        </thead>
    </table>
    <div id="toolbar">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit_add" plain="true" onclick="newUser()">New User</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit User</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Remove User</a>
    </div>
<!--申请假条 -->
    <div id="dlg" class="easyui-dialog" style="width:400px"
         closed="true" buttons="#dlg-buttons">
        <form id="fm" method="post" novalidate style="margin:0;padding:20px 50px">
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="名字" style="width: 100%" data-options="label:'名字:',requred:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="学号" style="width: 100%" data-options="label:'学号:',requred:true">
            </div>
            <div style="margin-bottom:20px">
                <input class="easyui-textbox" name="理由" style="width: 100%;height: 60px" data-options="label:'理由:',requred:true">
            </div>
        </form>
        <div style="text-align:center;padding:5px 0">
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:80px">Submit</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:80px">Clear</a>
        </div>
    </div>
<script>
    var url;
    function newUser(){
        $('#dlg').dialog('open').dialog('center').dialog('setTitle','New User');
        $('#fm').form('clear');
        $.ajax({

        })
    }
    function submitForm(){
        $('#ff').form('submit');
        $.ajax({


        })
    }
    function clearForm(){
        $('#ff').form('clear');
        $.ajax({

        })
    }
</script>
</body>
</html>

这里为什么单击请假申请没有反应

国际新生的主页 国际新生 | 菜鸟二级 | 园豆:202
提问于:2016-11-30 21:55
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册