您的位置:首页 > 其它

开发EXTMVC框架前需要了解的基础知识整理

2014-08-26 17:08 197 查看
1.组件选择器

目的:了解如何选择Extjs中的组件,就跟学习jquery时一定会先要学习:$()选择器一样。

常用场景:

      1.在controller中的control事件中用到

      2.在普通的事件处理中也要用到

参考文章:

     /article/6578001.html

     /article/5720898.html

2.语句Ext.QuickTips.init();

   说明:你在看代码时会看到很多代码中都会有一句:Ext.QuickTips.init();到底是什么作用呢?

参考文章:

     /article/5010907.html

     http://blog.csdn.net/itlwc/article/details/7886927

注意事项:

    1.文档中描述的在html代码中使用ext:qtip,但是实际开发中,按照约定不应该出现html代码,所以在使用时注意。

    2.真正使用的一般是给component设置属性tooltip,但是注意不是所有的组件都有tooltip。

    3.如果给textfield增加tooltip事件,参考:ExtJS登陆页面涉及到的几个问题

 

3.EXT中require的理解说明:

    实现了Extjs中js的动态加载,按需加载,保证界面的执行效率和运行效率

    参考文章:/article/2251250.html

   注意:

       虽然说这个特性是用来动态加载js类,但是一般来说我们还是要记在Extjs-all.js,那什么时候会用到这个东西呢?

       在系统中加载自定义类,或者外部类的时候,一定要注意通过requires来加载:(mvc中可以通过views,controllers等属性来加载)。

4.EXt中 renderto,applyto,render的理解

1.renderto:是组件的config配置项。
          将一个组件渲染到某个Dom对象中,常见的有: renderTo: Ext.getBody()。
          在官方的API中提出,不要将此属性应用于container,因此container中子项的渲染是由容器布局管理器来控制的。另外注意:它会将组建渲染到dom中,比如渲染到一个div的内部。

2.applyto:某些文档中说是会将组建渲染到div下面,但是查官方文档没有查到此属性,demo例子也展示不出来不知道是不是已经删除了。

3.render方法:是组建的方法,使用方法和注意事项跟renderto的配置项相同。

5.EXTJS中alias,xtype,widge的理解

具体的可以参考:

http://www.cnblogs.com/sdjnzqr/p/3919087.html中的类系统介绍

/article/5115704.html

/article/6688713.html

注意事项:

1.alias中的别名在命名时不能再有".",也就是说最好是:widge.xxxxx;否则会造成在xtype可以引用的,但是在create的时候不起作用。

2.如果alias非常多的时候,可以使用package_package_viewname的方式来进行命名

6.callParent()方法

   在任何继承父类方法的时候,都需要调用,典型的比如:initComponent

7.view的创建规范

     视图中子组件(比如:items,buttons等)的定义都尽量放在initComponent中,注意最后要调用一下callParent();

参考:/article/1386541.html

Ext.define('Telchina.view.user.List' ,{
extend: 'Ext.grid.Panel',
alias: 'widget.userlist',

title: 'All Users',
store: 'Users',

initComponent: function() {
this.columns = [
{header: 'Name',  dataIndex: 'name',  flex: 1},
{header: 'Email', dataIndex: 'email', flex: 1}
];

this.callParent(arguments);
}
});


8.vtype自定义语法注意事项

参考:

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.form.field.VTypes

/article/5560994.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: