element: 如果给定的值是一个 DOM 元素
textnode: 如果给定的值是一个 DOM 文本节点和包含空格以外的东西
whitespace: 如果给定的值是一个 DOM 文本节点和包含只有空格
isEmpty(value,allowBlank)
Ext.dom.Element
提供了很多操作Dom元素的方法例如
setOpacity( Number opacity, [Boolean/Object animate] ) : Ext.dom.Element
设置元素的透明度 参数说明
opacity : Number
新的透明度. 0 = transparent完全透明, .5 = 50% visibile, 1 = 完全可见 animate : Boolean/Object (optional)
可以设置为标准的 Element animation 配置对象; 如果设置为 true 则使用动画配置: ({duration: .35, easing: 'easeIn'})
getViewSize()
获取对应视图的大小，Ext.getBody().getViewSize()可以获得浏览器窗口大小
Ext.util
Array
Ext.Array中有很多操作array的方法
var arrays=[{a:1,b:'t'}];
arrays.push({'name':'zhangliang','sex':'男'}); //arrays[0].a=1 arrays[1].name=zhangliang
遍历数组
Ext.Array.forEach(childs,function(item, index, allItems) { if (item.jsName != null && item.jsName != '') { tab.remove(item.id, false); } });
HashMap
var map = new Ext.util.HashMap(); map.add('key1', 1); map.add('key2', 2); map.add('key3', 3);
map.each(function(key, value, length) { console.log(key, value, length); });
if (map.get('key') == undefined) { //沒有找到值时返回undefined console.log('undefined'); }
var keys = map.getKeys();
for (var i = 0; i < keys.length; i++) {
console.log(keys[i] + \}
Ext.button
splitbutton
分割按钮提供了内置的下拉箭头菜单，可以分别触发按钮不同的单击时事件一般使用下拉菜单用于提供主按钮之外的附加选项，并且可以实现不同的单击事件。 // display a dropdown menu: Ext.create('Ext.button.Split', { renderTo: Ext.getBody(), text: 'Options',
// handle a click on the button itself handler: function() {
alert(\ },
menu: new Ext.menu.Menu({ items: [
// these will render as dropdown menu items when the arrow is clicked: {text: 'Item 1', handler: function(){ alert(\ {text: 'Item 2', handler: function(){ alert(\ ] }) });
cyclebutton
是一个专用的分割按钮，通常包括带有Ext.menu.CheckItem元素的菜单。当单击某个菜单的时候按钮会自动进行循环切换，同时触发按钮的change事件（当支持的时候，或者调用按钮的changeHandler函数），当单击箭头的位置，将显示菜单，就想分割按钮一样。
Ext.create('Ext.button.Cycle', { showText: true,
prependText: 'View as ', renderTo: Ext.getBody(), menu: {
id: 'view-type-menu', items: [{
text: 'text only', iconCls: 'view-text', checked: true },{
text: 'HTML',
iconCls: 'view-html' }] },
changeHandler: function(cycleBtn, activeItem) { Ext.Msg.alert('Change View', activeItem.text); } });
Ext.panel.Tool Panel头部小图标
这个类用于显示可视化的小图标在Panel的头部。有25个可设置的图标依照配置type使用。属性handler配置提供一个方法来响应单击事件。通常情况下，这个类不会被直接实例化，它是通过Ext.panel.Panel.tools被创建显示在Panel自身上。 Ext.create('Ext.panel.Panel', { width: 200, height: 200,
renderTo: document.body, title: 'A Panel', tools: [{
type: 'help',
handler: function(){
// 此处显示帮助的逻辑 } }, {
itemId: 'refresh', type: 'refresh', hidden: true,
handler: function(){
// 实现刷新的逻辑 } }, {
type: 'search',
handler: function(event, target, owner, tool){
// 实现查询的逻辑
owner.child('#refresh').show(); } }] });
type:工具类型的渲染。以下是可用的类型：
close minimize maximize restore toggle gear prev next pin unpin right left down up refresh plus minus search save help print expand
collapse
常用工具类
TreePanel
TreePanel节点Node配置
参照NodeInterface
TreePanel常用方法及属性
NodeInterface中的方法
遍历子节点，修改子节点属性
node.eachChild(function(childnode) { childnode.set('checked', false); },this);
判断节点是否是叶子节点node.isLeaf() 判断节点是否打开node.isExpanded()
判断节点是否是父节点的第一个子节点node.isFirst()同理node.isLast() 是否包含某个节点 node.contains(child)
追加节点或节点数组node.appendChild(node/node[]) 返回节点深度node.getDepth()根节点深度 返回节点路径node.getPath(field,separator)
属性
childNodes firstChild isNode lastChild nextSibling parentNode previousSibling
TreePanel需求及实现（带复选框的TreePanel）
1选中父节点时让所有子节点全部选中，取消选中让子节点全部取消选中 2当我选中一个节点的时候，如果这个节点的父节点就这一个子节点，那么父节点也要选中，如果再继续选的话，父节点不是干菜这个节点的话，那么去掉刚才所有的选中节点，这个要怎么做
3点击节点时，如果是子节点，改变子节点的选中状态 源码
