zoukankan      html  css  js  c++  java
  • easyui-tabs及其内容展示

    方案一
    <div class="easyui-panel">
            <div class="easyui-tabs" fit="true" border="false" id="tabs">
                <div title="RskBookAttriPositionSubGroup">
                    <iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="100%"></iframe>
                </div>
                <div title="RskBookAttriProfitlossSubGroup">
                    <iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="400"></iframe>
                </div>
            </div>
            </div>
    方案2
    <%-- builed by manage.aspx.cmt  [ver:2014.34.14] at 2014-10-14 11:34:22 --%>

    <%@ Page Language="C#" AutoEventWireup="True" CodeBehind="BasAgreementManage.aspx.cs"
        Inherits="HraWeb.BasAgreementManage" %>

    <%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
    <!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 id="Head1" runat="server">
        <title></title>
        <script src="../Scripts/tabs.js" type="text/javascript"></script>
         
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="toolbar" class="datagrid-toolbar">
            <span class="title">名称:</span>
            <input type="text" id="txt_AgreementName_LK_" name="txt_AgreementName_LK_"
                class="input datacontrol" style=" 100px" />
            <a href="#" id="btn_add" iconcls="icon-add" class="button">新增</a>
            <a href="#" id="btn_edit"
                iconcls="icon-edit" class="button">编辑</a>
                 <a href="#" id="btn_del" iconcls="icon-remove"
                    class="button">删除</a> <a href="#" id="btn_search" iconcls="icon-search" class="button">
                        查询</a>
        </div>
    <%--    <div class="easyui-tabs" fit="true" border="false" id="Div1">
                <div title="首页" data-options="href:'IndexCeshi/IndexCeshi.aspx'">
                </div>
            </div>--%>
        <div class="easyui-tabs" style="1000px;border: 0px" id="tabs">

        </div>

        </form>
        <script type="text/javascript">
          //  '<iframe style="100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
            function Open(text, url, height) {
                if ($("#tabs").tabs('exists', text)) {
                    $('#tabs').tabs('select', text);
                }
                else {
                   
                    $('#tabs').tabs('add', {
                        title: text,
                        closable: true,
                        content: '<iframe style="' + height + 'px;height:' + height + 'px" scrolling="auto" frameborder="0" src="' + url + '"></iframe>',
                        url: url
                    });
                }
            }


            function PageOnLoad() {
                var height = ComputGridHeight(100);
                $(".easyui-tabs").height(height);
                $(".easyui-tabs").width(height-300);
                window.setTimeout(function () {
                    Open("ABC", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                }, 1000);
     
                            window.setTimeout(function() {
                                Open("ABC1", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                            }, 1000);
                            window.setTimeout(function () {
                                Open("ABC2", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                            }, 1000);
                            $('#tt').tabs({
                                border: false,
                                onSelect: function (t) {
                                    t = "ABC";
                                    //alert(title+' is selected');   
                                }
                            });
                      


                //控件按钮设置
                $(".button").linkbutton({ plain: true });
                //参数说明:控件Id,查询地址,编辑页面的宽度,高度,编辑页面标题,新增按钮,编辑按钮,删除按钮,查询按钮,查询回调函数
                //JDataGrid.InitGrid("jq", "/BAS/BasAgreementEdit.aspx", 787, 415, "协议内容维护", $("#btn_add"), $("#btn_edit"), $("#btn_del"), $("#btn_search"));
            }
        </script>
    </body>
    </html>

  • 相关阅读:
    Advanced Configuration Tricks
    Reviewing the Blog Module
    Editing and Deleting Data
    Making Use of Forms and Fieldsets
    Understanding the Router
    SQL Abstraction and Object Hydration
    Preparing for Different Databases
    Java学习理解路线图
    Openstack学习历程_1_视频
    CentOS安装Nginx负载
  • 原文地址:https://www.cnblogs.com/kexb/p/4371117.html
Copyright © 2011-2022 走看看