zoukankan      html  css  js  c++  java
  • tabs

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="tabs.aspx.cs" Inherits="Extjs.tabs" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create("Ext.tab.Panel", {
                300,
                height: 200,
                activeTab: 0,
                defaults:{
                    bodyPadding:10,
                    autoScroll:true
                },
                items: [{
                    title: 'Tab 1',
                    html: 'A sample tab'
                },
                {
                    title: 'Tab 2',
                    loader: {
                        url: 'ajax1.htm',
                        contentType: 'html',
                        loadMask: true,
                    },
                    listeners: {
                        activate: function (tab) {
                            tab.loader.load();
                        }
                    }
                }],
                renderTo: 'tab'
            })
        });
    </script>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="tab"></div>
    </asp:Content>


    ajax1.html

    I'm am content loaded via AJAX. I was set up using the loader property on my Ext.Panel object:
    <div style="padding:10px;background:#f1f1f1;">
    <pre>
        loader: {
            url: 'ajax1.htm',
            contentType: 'html',
            loadMask: true
        }
    </pre>
    </div>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p>
     
  • 相关阅读:
    如何判断某个设备文件是否存在
    shell中export理解误区
    linux命令之tail
    国内较快的gnu镜像:北京交通大学镜像
    Cmake的交叉编译
    linux 命令之grep
    makefile之变量赋值
    makefile之VPATH和vpath的使用
    arm汇编进入C函数分析,C函数压栈,出栈,传参,返回值
    Jlink 软件断点和硬件断点
  • 原文地址:https://www.cnblogs.com/lion/p/2081346.html
Copyright © 2011-2022 走看看