浅析ExtJS新特性
ExtJS 6新特性
ExtJS与Sencha Touch的合并
ExtJS 6最重要的变化是，不再区分移动、桌面平台，所有设备上的应用程序都使用一个框架来开发。为了实现优化的用户体验，你仅仅需要编写少量的代码。
ExtJS与Sencha Touch的合并其实经历了很长的过程，在ExtJS 5中，框架的核心就被整理到core包中，便于两者的公用，ExtJS的可视化组件部分仍然留在Ext这个包中。现在，可视化组件部分被合并到一起，但是为了区分经典ExtJS、Touch…
阅读全文
12 years ago
0
jQuery知识集锦
简介
jQuery的核心是对DOM的封装。jQuery提供的所有方法，都是针对数组风格的jQuery元素集的。
本文中列出jQuery API时，所有以 .开头的，表示此API是元素集对象的一个方法，所有以 $开头的，表示此API是jQuery提供的静态函数。
核心和工具
核心函数
$()
该函数可以用于：
- 根据指定的CSS选择器查找匹配的元素
- 将一个元素DOM元素封装为jQuery元素集
- 根据传入的HTML文本创建新的元素集
$.ready
主要和ready()不一样。这是一个Thenable对象，其在文档加载完毕…
阅读全文
14 years ago
0
1
ExtJS知识集锦
常用代码片段
DOM的增删改
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
var myDiv1 = Ext.get( 'div1' ); //根据ID获取DOM元素 myDiv1.createChild( 'Child from a string' ); //创建要给子节点 myDiv1.createChild( '<div>Element from a string</div>' ); //创建一个子元素 myDiv1.createChild( { //使用对象配置方式添加子元素 tag : 'div', html : 'Child from a config object' } ); //添加多个子代元素 myDiv1.createChild( { tag : 'div', id : 'nestedDiv', style : 'border: 1px dashed; padding: 5px;', children : { tag : 'div', html : '...a nested div', style : 'color: #EE0000; border: 1px solid' } } ); //在最前面插入子元素 myDiv1.insertFirst( { tag : 'div', html : 'Child inserted as node 0 of myDiv1' } ); //在某个子元素之前插入 myDiv1.createChild( { tag : 'div', id : 'removeMeLater', html : 'Child inserted as node 2 of myDiv1' }, myDiv1.dom.childNodes[3] ); //删除一个元素 var myDiv1 = Ext.get( 'div1' ); myDiv1.remove(); |
组件导航
|
1 2 3 4 5 |
var me = currentBorderContainer; //根据Region在border布局中导航 var northChild = me.down( '*[region=north]' ); //遍历所有子组件 Ext.each( me.items.items, function( cmp ) {}); |
使用模板（Template和XTemplate）
使用模板可以很方便的创建复杂的DOM结构。模板中的占位符使用花括号{}包围，可以应用一个上下文对象以替换模板生成最终结果。
XTemplate支持循环、选择等基础程序结构，支持任意表达式的计算。可用于表达式的内置变量包括：
- out：模板结果添加到的输出数组对象
- values：当前上下文对象
- parent：使用…
17 years ago
0
JavaScript知识集锦
ECMAScript 5.1
ECMAScript 5.1目前已经受到现代浏览器的广泛支持，本章内容介绍其新特性。
严格模式
在脚本文件或者函数体的第一行添加 'use strict'; 可以切换到严格模式。在此模式下JavaScript变得更加严谨、禁用某些特效、执行更多的检查、抛出更多的异常。严格模式造成的改变包括：
|
禁止全局变量的隐式声明 在正常模式下，不使用var声明的变量，… |
19 years ago
0