extjs panel Objects prompt window view area shows object creation (1)

2010-05-16  来源:本站原创  分类:Web  人气:232 

The page's code line by line    first.jsp
<%@ page language="java" contentType="text/html; charset=gb2312"
        pageEncoding="gb2312"%>
<%
        request.setAttribute("base", request.getContextPath());
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
                <title>Insert title here</title>
                <link rel="stylesheet" type="text/css"
                        href="${base}/script/ext/resources/css/ext-all.css">
                <script type="text/javascript"
                        src="${base}/script/ext/adapter/ext/ext-base.js"></script>
                <script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
                <script type="text/javascript" src="${base}/script/sample/first.js"></script>
        </head>
        <body>
                <div></div>
        </body>
</html>

first.js specific component display, object definitions

Ext.onReady(function() {

                         Ext.Msg.alert(" Tip  ","helloworld");// Defines a code hint box  

                         var myPanel=new Ext.Panel({// Create a Panel object
                         id:'pid',//id Identity
                         renderTo:Ext.getBody(),// Specifies a local show
                         title:' Panel ',//the Panel title
                         height:300,// Height
                         width:300// Width
                         })

                        var viewPoint = new Ext.Viewport({// Create a view section displays  

                                                id : 'vp',
                                                //renderTo:Ext.getBody(),
                                                layout : 'border',//  The specified layout style
                                                items : [{
                                                                        region : 'north',//  Above the layout of the display area
                                                                        height : 50
                                                                }, {
                                                                        region : 'west',// The left navigation area
                                                                        width : 200
                                                                }, {
                                                                        region : 'center',// Intermediate content display area
                                                                        width : 300
                                                                }, {
                                                                        region : 'east',// The right side
                                                                        width : 100
                                                                }, {
                                                                        region : 'south',// The bottom area
                                                                        height : 20
                                                                }]

                                        })
                                        viewPoint.renderTo('mydiv');

                })
相关文章
  • extjs panel Objects prompt window view area shows object creation 2010-05-16

    The page's code line by line first.jsp <%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="gb2312"%> <% request.setAttribute("base", request.getContextPath()); %> <!DOCTYPE

  • extjs panel Objects prompt window view area shows object creation (1) 2010-05-16

    The page's code line by line first.jsp <%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="gb2312"%> <% request.setAttribute("base", request.getContextPath()); %> <!DOCTYPE

  • ExtJs panel in the window with the use of (a) 2010-11-29

    extjs syntax like java, for the use of these components are the basic object-oriented. Today this part, and the swing is very similar. A window is bright for everyone to see: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www

  • 学习ExtJS Panel常用方法 2014-05-08

    ExtJS Panel常用方法,需要的朋友可以参考下. 一.属性 frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之. xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件. xtype Class ------------- ------------------ box

  • Extjs Panel loading open flash chart 2010-04-02

    Extjs Panel loading open flash chart

  • There is a formpanel Extjs window panel, when the window closed and then opened. Formpanel the component does not show 2010-11-02

    CloseAction property is set to close, do not set to hide

  • Struts2 prompt window pop-up message 2010-08-12

    The first: In struts2 action in the pop-up script prompts Js For action to achieve ServletResponseAware interface, while achieving its setServletResponse () method import org.apache.struts2.interceptor.ServletResponseAware; public class StudentAction

  • Android杂谈--Activity.Window.View的关系 2012-11-10

    一.首先说说View和ViewGroup吧 Android系统中的所有UI类都是建立在View和ViewGroup这两个类的基础上的.所有View的子类成为"Widget",所有ViewGroup的子类成为"Layout".View和ViewGroup之间采用了组合设计模式,可以使得"部分-整体"同等对待.ViewGroup作为布局容器类的最上层,布局容器里面又可以有View和ViewGroup. 二.LayoutInflater,LayoutI

  • ExtJS Panel 基本介绍 2015-05-02

    1.Panel 是一个特殊的容器,因为他既有容器的特性,又具有自己独有的特性. Panel是一个容器,具有特定的功能和结构组件,使它使能够完美地为面向应用的用户界面创建部件. Panel继承自Ext.container.Container,可以设置自身的layout布局,并且可以包含子组件.要么指定Panel的items,要么动态向Panel中添加Components ,要记得考虑 你希望Panel如何排列这些子元素,并且这些子元素是否需要使用Ext内建的layoutlayout规则调整尺寸.

  • Imitation QQ login prompt window 2009-07-28

    package com.teamtop.kong.client; import com.google.gwt.user.client.Timer; import com.google.gwt.user.client.Window; import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.PopupPanel; /** * @author [email protected] (Kong) * @v

  • extjs panel custom border 2010-05-12

    The default method until the whole border, and sometimes need to customize the left and right borders, without the need for the upper and lower border. The default border color for the # 8db2e3 In the panel code can add the following style: style: 'b

  • Extjs - Panel组件 2013-10-24

    1.常用的参数: //配置参数(只列举部分常用参数) 1.autoLoad:有效的url字符串,把那个url中的body中的数据加载显示,但是可能没有样式和js控制,只是html数据 2.autoScroll:设为true则内容溢出的时候产生滚动条,默认为false 3.autoShow:设为true显示设为"x-hidden"的元素,很有必要,默认为false 4.bbar:底部条,显示在主体内,//代码:bbar:[{text:'底部工具栏bottomToolbar'}], 5.t

  • Drag apache-tomcat Tomcat command prompt window automatically turns off lead 2010-10-30

    This two-day problems encountered in a very strange, remote login server, Tomcat wanted to look at the operation, the result of a drag with the mouse form, Tomcat actually own closed! Like their own, like Ctrl + C pressed! Colleague's computer did no

  • 2000个软件开发领域的高频特殊词及精选例句(四) 2015-03-20

    superword是一个Java实现的英文单词分析软件,主要研究英语单词音近形似转化规律.前缀后缀规律.词之间的相似性规律等等. 801.单词 spellchecker 的匹配文本: Setting this property to values higher than the size parameter can result in a more accurate document frequency (this is because of the fact that terms are he

  • 2000个软件开发领域的高频特殊词及精选例句(五) 2015-03-20

    superword是一个Java实现的英文单词分析软件,主要研究英语单词音近形似转化规律.前缀后缀规律.词之间的相似性规律等等. 1101.单词 uuids 的匹配文本: For example, when accessing /_uuids, you get a list of UUIDs from the system. Getting Started with CouchDB The images in the replicated glance server preserve the u

  • Wscript.Shell object details 2010-04-01

    Category: Program WshShell Object ProgID Wscript.Shell File Name WSHom.Ocx CLSID F935DC22-1CF0-11d0-ADB9-00C04FD58A0B IID F935DC21-1CF0-11d0-ADB9-00C04FD58A0B The following table describes the properties and the WshShell object. Property Description

  • Android Code Optimization 2010-08-03

    Design for performance: 1) Avoid the creation of the object to create the object has never been free. Although the GC makes the memory for the price not high, but the application is always more expensive than non-applicants. If you cycle in a user in

  • How to become a master android??? (Spare) 2010-10-28

    A: Learn lazy Crazy? Actually learn to program developers lazy? Application developers may be the world's most busy for a class man! Yes, right, learn to lazy! Because programmers are busy, because application developers may be the changing needs of

  • SQL SERVER 2000 exercises. Doc 2010-12-10

    Overview of Problem SERVER 2000 1. The common version of SQL SERVER 2000 What? Of the respective applications is? a. Enterprise Edition: General, as the production database server. It supports SQL SERVER 2000 in all the available features. The versio

  • ajax + servlet simple example 2010-10-21

    Reference line to do a Ajax + jsp + servlet example of a simple Not more than that, all in the code First jsp page code: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC &quo