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>
     
  • 相关阅读:
    keil编译器从ac5迁移到ac6
    分享一个简单易用的软件定时器模块(MultiTimer)——基于keil+stm32f103zet+hal库(裸机实现)
    PID动图——很形象
    jlink之j-scope使用
    Keil的RTX特性
    Keil5创建基于RTX的STM32工程(转载+自己的体会)
    CMSIS-RTOS 简介
    Chapter 3 Phenomenon——13
    Chapter 3 Phenomenon——12
    Chapter 3 Phenomenon——11
  • 原文地址:https://www.cnblogs.com/lion/p/2081346.html
Copyright © 2011-2022 走看看