标签：obj1 功能 666 成员 tpl Ext let ExtJS

更新记录
2022年7月6日 发布。
2022年7月2日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

ExtJS类成员-HTML模板

Ext.Template类型

说明

Ext.Template类可以用来创建HTML模板
填充数据后可以显示不同的数据

创建模板

使用位置参数

var tpl = Ext.create('Ext.Template', '<div>Hello {0}</div>');

使用键值对

var tpl = Ext.create('Ext.Template', '<div>Hello {name}, DateTime {dateTime}</div>');

编译模板

编译模板可以加快渲染
和填充速度

tpl.compile();

模板填充数据并渲染

按位置填充数据

var tpl = Ext.create('Ext.Template', '<div>Hello {0}</div>');
var data =  ['panda'];
tpl.append(Ext.getBody(),data);

按键值对填充数据

var tpl = Ext.create('Ext.Template', '<div>Hello {name},'+
'DateTime {dateTime}</div>');
tpl.compile();
var data = {
    'name':'panda',
    'dateTime':'2020年10月2日'
};
tpl.append(Ext.getBody(), data);

在组件中使用模板

使用tpl配置项

//创建组件
var pandaCmp = Ext.create("Ext.Component",{
    width: 300,
    height: 150,
    data: {
        name:"Panda",
        code:"666"
    },
    //定义模板
    tpl:["<h1>Panda666</h1><p>Hello {name} {code}!</p>"]
});

//渲染组件
pandaCmp.render(Ext.getBody());

ExtJS类成员-util包

Ext.util.Observable

ExtJS类成员-Ext.Object

把一个对象作为原型

let obj1 = { age:666 };
let obj2 = Ext.Object.chain(obj1);
console.log(obj2.age);  //666

遍历对象

let obj1 = { age:666,sex: 'male' };
Ext.Object.each(obj1,function (value,index,obj) {
    console.log(value);
    console.log(index);
    console.log(obj);
});

URL查询字符串转为对象

let result = Ext.Object.fromQueryString("age=666&name=panda");
console.log(result);

根据对象成员的值查找Key

let obj1 = { age:666,sex: 'male' };
let result = Ext.Object.getKey(obj1,666);
console.log(result);

获得对象成员的所有Key

获得对象成员的所有Key

let obj1 = { age:666,sex: 'male' };
let result = Ext.Object.getKeys(obj1);

获得对象成员的所有Value

let obj1 = { age:666,sex: 'male' };
let result = Ext.Object.getValues(obj1);

ExtJS类成员-Ext.Array

实例：删除空成员

let result = Ext.Array.clean([1,2,null,5,undefined]);

ExtJS类成员-Ext.String

说明

Ext.String是一个单例类，可以直接使用
主要包含处理字符串的静态方法

实例：

ExtJS类成员-Ext.Number

说明

Ext.Number是一个单例类，可以直接使用
主要包含处理数值的静态方法

实例：判断是否正常的数值

//JS标准方法
var result1 = Number.isFinite(66.66);   //true

实例：限制数值的精度

let val = 20.225122
let result = Ext.Number.toFixed(val,2);

ExtJS类成员-Ext.Date

ExtJS类成员-Ext.JSON

标签：obj1,功能,666,成员,tpl,Ext,let,ExtJS
来源： https://www.cnblogs.com/cqpanda/p/16437883.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。