ext-ui.com

中文教程

Sencha Touch 2 Sass自定义图标的使用方法

Posted 周五, 11/23/2012 - 12:45 by admin

Sencha Touch 提供的默认图标有限，api上只有这么几个

但为了方便扩展，sencha touch早已经给我们准备了若干的图标文件和sass代码，方便后期的css自定义等。

图标文件在：\resources\themes\images\default\pictos 下面，如果不够用，你可以放置自己的png格式图片。

如何自定义自己的图标呢？

由于我们是window系统，必须先安装ruby环境，因为sass和compass工具依附于ruby。

Extjs 基础篇—— Function基础

Posted 周五, 11/23/2012 - 12:41 by admin

这里主要是JS的基础知识，也是深入理解Ext的基础。
1.参数可变长，注意跟Java还是有一点区别的。
例：

function getUser(name,age){
    alert("name: "+name + " age: "+age);
  }

调用方法：getUser(); // 可以不传参数
getUser("cat"); // 可以只传递一个参数
getUser("cat"，20); // 传两个参数
getUser("cat"，20，2，"dog"); // 传两个以上的参数

Extjs 基础篇—— Ext.DomQuery

Posted 周五, 11/23/2012 - 12:37 by admin

Ext.DomQuery,根据编译请求提供高效的将选择符 / xpath 处理为可复用的函数的方法。可以添加新的伪类和匹配器。该类可以运行于 HTML 和 XML 文档之上（如果给出了一个内容节点）。 简单的说就是选择器。
DomQuery的核心方法就是：CSS选择器和XPath语法。
DomQuery支持4种选择器：元素选择器、属性选择器、伪类、CSS选择器。
1.元素选择器

Extjs 基础篇—— Ext.DomHelper

Posted 周五, 11/23/2012 - 12:35 by admin

Ext.DomHelper是处理DOM或模板（Templates）的实用类。其实就是对原生的DOM操作进行封装、改进，让我们更加方便的操作DOM元素。
Ext.DomHelper的主要方法如下：
1.append( String/HTMLElement/Element el, Object/String o, Boolean returnElement )
2.insertHtml( String where, HTMLElement el, String html )
3.overwrite( String/HTMLElement/Element el, Object/String o, Boolean returnElement )
4.createTemplate( Object o )
例子：

Ext.DomQuery.selectValue()

Posted 周五, 11/23/2012 - 12:32 by admin

例句：
loginResult.state = Ext.DomQuery.selectValue('/LoginResult/State',response.responseXML);
说明：
1.Ext.DomQuery ：根据编译请求提供高效的将选择符 / xpath 处理为可复用的函数的方法。可以添加新的伪类和匹配器。该类可以运行于 HTML 和 XML 文档之上（如果给出了一个内容节点）。

聚合内容