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