Ext JS
yanqlv
你好
展开
-
Ext JS 4学习教程+笔记(一)
ExtJS 4的开发方式与ExtJS 3.x的开发有很多区别,但还兼容以往的开发方式。1,ExtJS 4里创建一个类,推荐用Ext.define()方法,例如:Ext.define('MyApp.view.user.List', { extend: 'Ext.grid.Panel', alias: 'widget.userlist', he原创 2012-06-11 18:56:56 · 2915 阅读 · 0 评论 -
Ext JS4学习教程+笔记(二)事件处理
ExtJS 4采用MVC的方式划分程序,事件响应代码的写法:1,一般放到controller里面,假设application里面写了controllers:[ 'Users' ]则控制器代码放到定义目录的app/controller/Users.js里面,写法如下:Ext.define("MyApp.原创 2012-06-11 18:58:38 · 1929 阅读 · 0 评论 -
Ext JS4学习教程+笔记(三)Ajax请求
Ext JS4进行Ajax请求访问,将数据载入store。使用Ext.data.Store类的proxy属性就可以简单设置,type:'ajax'和url:'****'都是必须的,reader有一个root子属性,可以选择用json的哪一部分内容。注意:store.load()的回调函数中,保证数据已经加载了。2,例如如下的代码,把store中的数据原创 2012-06-11 18:59:53 · 1706 阅读 · 0 评论 -
Ext JS4学习教程+笔记(五)Form Panel的使用
Ext JS4中Form Panel的显示和提交,示例代码如下:function formTest(){ Ext.create('Ext.form.Panel',{ title:'form测试', bodyPadding:10, renderTo:Ext.getBody(), wid原创 2012-06-11 19:03:10 · 4475 阅读 · 0 评论 -
Ext JS4学习教程+笔记(六)DataView面板
Ext JS的DataView控件面板,可以将一个列表中的数据以统一格式输出在页面上,其类名是Ext.view.View。测试代码如下:function viewTest(){ var store = Ext.create('Ext.data.Store' ,{ fields: ['name', 'thumb' ],原创 2012-06-11 19:04:31 · 3188 阅读 · 1 评论 -
Ext JS4学习教程+笔记(四)Desktop的改造
Ext JS4的Desktop的改造。在下载的源代码examples/desktop下可以运行它,其比较类似web桌面,其改造的方法经测试,如下。1,将其目录整个复制一份,到自己的工程下,可改目录名(如/desktop2)2,在/desktop2下创建ext-4.0子目录,并在/desktop2/ext-4.0下复制Ext JS4的/resources和/src原创 2012-06-11 19:01:47 · 5713 阅读 · 0 评论 -
Ext JS4学习教程+笔记(九)布局
Ext JS4的常用布局,分为容器布局(Container Layout)和组件布局(Component Layout)其中,容器布局有Auto, Anchor, Absolute, HBox, VBox, Accordion, Table, Column, Fit, Card, Border,每种对应的layout属性改成首字母小写即可, 如auto, anchor, a原创 2012-06-14 20:00:05 · 2153 阅读 · 0 评论 -
Ext JS4学习教程+笔记(八)Ext.chart.Chart
Ext JS的图表功能,其类名为Ext.chart.Chart。示例代码如下:function chartTest(){ var store1 = Ext.create('Ext.data.Store',{ fields:['name','age'],原创 2012-06-14 16:44:26 · 7237 阅读 · 0 评论 -
Ext JS4学习教程+笔记(七)树面板Tree Panel
Ext JS4的Tree Panel能够实现树的显示,其关键还是提供一个类型为Ext.data.TreeStore的store数据,然后在Ext.tree.Panel的store属性指定到这个数据上即可。function treeTest(){ var treeStore = Ext.create('Ext.data.TreeStore',{原创 2012-06-14 16:42:48 · 3599 阅读 · 0 评论