zoukankan      html  css  js  c++  java
  • Extjs-note

    组件:文本输入框,树形面板,标签面板,工具栏,面板

    文本输入框:封装了原生浏览器文本输入表单控件,增加了诸如校验之类的特性

    树形面板:以树状形式展示分级数据

    主面板:

    工具类Toolbar类提供了一种展现按钮和菜单等常用UI组件的方法

    extjs中的核心:

    Ajax通信,DOM操作,事件管理器

    入门小栗子:

    var tpl = Ext.create('Ext.Template',['hello {firstname} {lastName}!','Nice to meet you !']);

    var formPanel = Ext.create('Ext.form.FormPanel',{

      itemId  : 'formPanel',

      frame: true,

      layout : 'anchor',

      defaultType: 'textfield',

      defaults : {anchor: '-10',labelWidth: 65},

      items :[{

      freldLabel: 'First name',

      name: 'firstName'

    },{

      fieldLabel:'Last name',

      name : 'lastName'

    }],

      buttons:[{text: 'Submit',

      handler: function(){

      var formPanel = this.up('#formPanel'),

        vals = formPanel.getValues(),

        greeting = tpl.apply(vals);

      Ext.Msg.altert('Hello',greeting);

    }

    }]

    })

    Ext.onReady(function(){

      Ext.creat('Ext.window.Window',{

        height: 125,

         200,

        closable:false,

        layout:'fit',

        items : formPanel

    }).show();

    })

  • 相关阅读:
    自定义Dialog
    AlertDialog
    Toast
    WebView
    《构建之法》阅读笔记3
    UI组件之GridView
    ScrollView&HorizontalScrollView
    UI组件之ImageView
    UI组件之ListView
    每周总结(1.24)
  • 原文地址:https://www.cnblogs.com/yugengde/p/7027761.html
Copyright © 2011-2022 走看看