zoukankan      html  css  js  c++  java
  • EasyUI

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
        <script src="JS/Easyui/jquery.easyui.min.js" type="text/javascript"></script>
        <link href="JS/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />
        <link href="JS/Easyui/themes/gray/easyui.css" rel="stylesheet" type="text/css" />
        <script src="JS/jQuery.Comment.js" type="text/javascript"></script>
        <script type="text/javascript">
            function AddOne(stitle, src) {
                if ($("#tt").tabs("exists", stitle)) {
                    $("#tt").tabs("select", stitle);
                    refreshTab({ tabTitle: stitle, url: src })

                } else {
                    $("#tt").tabs('add', {
                        title: stitle,
                        content: '<iframe name="a"id="b" src="' + src + '"  width="100%" height="100%" frameborder="0" scrolling="auto" ></iframe>',
                        closable: true
                    })
                }
            }


            $(function () {
                $('.tabs-inner').live('click', function () {
                    var subtitle = $(this).children("span").text();
                    if (subtitle == "欢迎页面") {
                        return;
                    }
                    if ($(this).next().is('.tabs-close')) {
                        var currTab = $('#tt').tabs('getTab', subtitle);

                        var iframe = $(currTab.panel('options').content);
                        var src = iframe.attr('src');
                        refreshTab({ tabTitle: subtitle, url: src });
                    }
                    else {
                        $('#tt').tabs('select', title);
                    }
                });
            });

            function refreshTab(cfg) {
                var refresh_tab = cfg.tabTitle ? $('#tt').tabs('getTab', cfg.tabTitle) : $('#tt').tabs('getSelected');
                if (refresh_tab && refresh_tab.find('iframe').length > 0) {
                    var _refresh_ifram = refresh_tab.find('iframe')[0];
                    var refresh_url = cfg.url ? cfg.url : _refresh_ifram.src;
                    _refresh_ifram.contentWindow.location.href = refresh_url;
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="cc" fit="true" style=" 1000px; height: 800px;" class="easyui-layout"
            border="false">
            <div region="north" style="height: 80px;">
                cc</div>
            <div region="east" icon="icon-reload" title="East" split="true" style=" 100px;">
                aaa</div>
            <div region="west" title="操作菜单" style=" 200px;">
                <!--class="easyui-accordion"样式是用来定义导航的样式以及收缩-->
                <div id="aa" fit="true" class="easyui-accordion" border="false">
                    <div title="Title1" icon="icon-save" style="overflow: auto; padding: 10px;">
                    </div>
                    <div title="数据维护" icon="icon-reload" selected="true" style="padding: 10px;">
                        <div>
                            <ul>
                                <li><a href="javascript:AddOne('用户管理','UserInfo.aspx')">用户管理</a></li>
                                <li><a href="javascript:AddOne('用户管理2','UserInfoP.aspx')">用户管理2</a></li>
                            </ul>
                        </div>
                    </div>
                    <div title="Title3">
                        content3
                    </div>
                </div>
                <!---->
            </div>
            <div region="center" style="background: #eee; padding: 5px" title="功能区">
                <div id="tt" fit="true" border="false" class="easyui-tabs">
                    <div title="欢迎页面" style="padding: 20px; overflow: hidden;">
                        欢迎页面
                    </div>
                </div>
            </div>
            <div region="south" style="height: 50px;">
                <div id="aaaa" style="margin-left: 40%; margin-top: 25px">
                    <span>项目开发负责人:郭志松</span>&nbsp;&nbsp;<span>开发时间:2013-4-3</span>
                </div>
            </div>
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    解决UITableView中Cell重用机制导致内容出错的方法总结
    Hdu 1052 Tian Ji -- The Horse Racing
    Hdu 1009 FatMouse' Trade
    hdu 2037 今年暑假不AC
    hdu 1559 最大子矩阵
    hdu 1004 Let the Balloon Rise
    Hdu 1214 圆桌会议
    Hdu 1081 To The Max
    Hdu 2845 Beans
    Hdu 2955 Robberies 0/1背包
  • 原文地址:https://www.cnblogs.com/zhisong/p/EasyUI.html
Copyright © 2011-2022 走看看