cenyebao的专栏

/** * ExtJs4 * =》FormFieldTypes示例 * 亮点：form表单所支持的各种元素； */Ext.require([    'Ext.form.*']);Ext.onReady(function() {    var formpanel = Ext.create('Ext.form.Panel', {        renderTo:

/*! * Ext JS Library 3.3.1 *//** * @class Ext.TabPanel * A basic tab container. TabPanels can be used exactly(确切地) like a standard

/*! * Ext JS Library 3.3.0 *//** * @class Ext.tree.TreePanel * @extends Ext.Panel *  * The TreePanel provides(提供) tree-structu

/*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */Ext.onRea

HTML设置：    head--->                                         body .x-panel {            margin-bottom:20px;

/*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */Ext.onRea

HTML设置为：->head                                                    //进度条        //改变大小        //数据解析

/** * RegistrationForm示例浅析 */Ext.require([    'Ext.form.*',    'Ext.Img',    'Ext.tip.QuickTipManager']);Ext.onReady(function() {    Ext.tip.QuickTipManager.init();        // 初始化提示工具

/** * ContactUsForm_联系我们FOMR示例 * 本例亮点：fieldcontainer组件的使用； */Ext.require([    "Ext.form.*"]);Ext.onReady(function() {    var win;    // 存储弹出窗体；    function showContactForm() {

/** * ExtJs4 * =》BindingGridToForm示例 * 亮点：grid与form的交互； */Ext.require([    "Ext.data.*",    "Ext.form.*",    "Ext.grid.Panel",    "Ext.layout.container.Column"]);Ext.onReady(func

/** * AjaxWithXmlForm示例 * 说明：加载XML数据入Form示例；提交数据后从XML文件返回无效信息； */Ext.require([    "Ext.form.*",    "Ext.data.*"]);Ext.onReady(function() {    // example.contact 模型    Ext.define('e

/** * ComboWithTemplatesAndAjax示例 * 示例亮点：下拉框的配置； */Ext.require([    "Ext.data.*",    "Ext.form.*"]);Ext.onReady(function() {        // 定义Post模型；    Ext.define("Post", {

/** * ExtJs4 * =》AdvancedValidation示例 * 亮点：使用VTypes类进行客户端高级验证； */Ext.require([    "Ext.form.*"]);Ext.onReady(function() {    // 扩展VTypes验证类型：    Ext.apply(Ext.form.field.VTypes,

/** * DynamicForms示例浅析 * 花絮：Dynamic Forms built with JavaScript; * 示例目标：如何创建以及布局表单； */ Ext.require([    "Ext.form.*",    "Ext.layout.container.Column",    "Ext.tab.Panel"]);Ext.o

/** * ExtJs4 * =》Checkbox_RadioGroups示例 * 亮点：checkbox_radio的使用汇总； */Ext.require([    "Ext.form.*",    "Ext.layout.container.Column",    "Ext.window.MessageBox",    "Ext.fx.target.Ele

/*! * Ext JS Library 3.3.0 *//** * @class Ext.layout.AccordionLayout * @extends Ext.layout.FitLayout *  * This is a layout

/** * Ext JS Library 3.3.0 * @class Ext.Component * @extends Ext.util.Observable * *  Ext.Component是其他组件的基类，可以说是Ext.js框架里边最为基础的一个类。所有的子类组件都自动的参与Ext component的生命周期(lifecycle)中来，包括其创建(crea

   /* * Ext JS Library 3.3.0 *//** * @class Ext.BoxComponent * @extends Ext.Component * Example use: var myImage = new Ext.BoxComponent({    autoEl: {        tag: img,

<br />HTML设置为：<br />    在body中输入：<br />    <!-- the custom editor for the 'Light' column references the id="light" --><br />    <select name="light" id="light" style="display: none;"><br />        <option value="Shade">Shade</option><br />        <op

<br />html设置：<br />    在body中输入：<br />        <p id="button-container"></p><br />        <div id="prop-grid"></div><br /><br /><br />js代码为：<br /><br /><br />Ext.onReady(function(){<br />    /*<br />     * 创建PropertyGrid:<br />     * 配置：source: ke

征途：2011_4_3Basic Array Grid Example的html页面代码为：Basic Array Grid Example        /* style rows on mouseover */        .x-grid3-row-over .x-gr

<br />说明：个人觉得，跨列就相当于另起一行。<br />示例代码：<br />{<br />                layout: 'form',<br />                defaultType: 'textfield',<br />                defaults: {<br />                    width: Ext.isIE6?660:657         //特别说明：这宽度是要指定的，要不就不会跨列。<br /

<br />简单表单创建：<br />var form = new Ext.form.FormPanel({<br />         defaultType : 'textfield',<br />         labelAlign : 'right',<br />         title : 'form',<br />         lableWidth : 50,<br />         frame : true,<br />         width : 220,<br />   

<br /><br /><br />/**-打印日志start-*/<br />Ext.namespace("A");<br />isDebug = true;<br />/**<br /> * 日志调式<br /> * <br /> * 使用方法 log("blabla: {0}, blabla: {1}", obj0, obj1)<br /> * <br /> * @param {} format     //格式。<br /> */<br />A.log =

  /* * Ext JS Library 3.3.0 *//** * @class Ext.Button * @extends Ext.BoxComponent * Simple Button class * @cfg {String} text * @cfg {String} icon The path to an image to display

=>button.html  Ext Buttons   =>button.css  .add { background-image: url(images/add.gif) !important;} .add16 { background

/* * Ext JS Library 3.3.0 *//** * @class Ext.Container * @extends Ext.BoxComponent *  * Base class for any {Ext.BoxComponent} that may conta

/*! * Ext JS Library 3.3.0 *//** * @class Ext.form.Field * @extends Ext.BoxComponent * Base class for form fields that provides

/*! * Ext JS Library 3.3.0 *//** * @class Ext.form.CompositeField * @extends Ext.form.Field * Composite field allowing a number

/*! * Ext JS Library 3.3.0 *//** * @class Ext.MessageBox * Utility(实用) class for generating(产生) different styles of message boxes.

/* * Ext JS Library 3.3.0 *//** * @class Ext.grid.GridPanel * @extends Ext.Panel * This class represents(描述) the primary(主要的)

App.offi.chartstore = new Ext.data.JsonStore({    fields:['name', 'visits', 'views'],    data: [        {name:'07年七月', visits: 245000, views

/* * Ext JS Library 3.3.0 *//** * @class Ext.Panel * @extends Ext.Container *  * panel作用： * Panel is a container that has specific(特有的) func

/* 线型图 * Ext JS Library 3.3.0 */Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';Ext.onReady(function(){    var store = new Ext.data

<br /><br /><br />//引入FLASH文件。<br />Ext.chart.Chart.CHART_URL='charts.swf'; <br /><br />//命名空间<br />Ext.ns("App.chart");<br /><br />//程序入口。<br />Ext.onReady(function(){<br />    new App.chart.bzfcolumnchart();    //特别提醒：要用这种格式new哦！<br />});