• 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();

    })

  • 相关阅读:
    nopCommerce 2.60 之实现产品规格属性分组筛选
    chromedriver的使用
    linux 服务器发现了挖矿病毒
    C++day11 学习笔记
    C++day08 学习笔记
    C++day10 学习笔记
    C++day07 学习笔记
    C++day06 学习笔记
    C++day04 学习笔记
    C++day02 学习笔记
  • 原文地址:https://www.cnblogs.com/yugengde/p/7027761.html
Copyright © 2020-2023  润新知