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>
     
  • 相关阅读:
    rubygems ruby国内源
    怎么修改Elasticsearch的对外ip 默认是本地IP 127.0.0.1
    Logstash怎么导入csv
    MongoDB创建索引(不锁库方法)
    怎么样快速完整备份和压缩 很大的 sqlserver 1TB 数据库 -摘自网络
    JAVA class 编译jar。 控制台使用jar
    离线安装 Ambari Hadoop
    [js高手之路]深入浅出webpack教程系列8-(postcss-loader,autoprefixer,html-loader,less-loader,ejs-loader)用法
    [js高手之路]深入浅出webpack教程系列7-( babel-loader,css-loader,style-loader)的用法
    [js高手之路]深入浅出webpack教程系列6-插件使用之html-webpack-plugin配置(下)
  • 原文地址:https://www.cnblogs.com/lion/p/2081346.html
Copyright © 2011-2022 走看看