Ext.onReady(function(){
var data = [
{id: 1, name:'Book1', price:10},
{id: 2, name:'Book2', price:20},
{id: 3, name:'Book3', price:30}
]
// JsonStore加载JSon格式
var store = new Ext.data.JsonStore({
data: data,
fields: ['id', 'name', 'price']
})
var cm = new Ext.grid.ColumnModel([
{header: '编号', dataIndex:'id'},
{header: '书名', dataIndex:'name', align: 'center'},
{header: '价格', dataIndex:'price', sortable: true}
])
var grid = new Ext.grid.GridPanel({
store: store,
cm: cm,
title: '表格标题',
width: 800,
height: 500,
renderTo: Ext.getBody()
})
})
ExtJS和AngularJS是两个行业内领先的富界面开发框架。
TechFerry有机会使用Ext JS和Angular JS来开发多个富界面的单页面应用程序。
Ext JS：使用网格、树和图表组件
Angular JS：使用angular-charts.min.js、angular.min.js、jquery.min.js、angular-route.min.js、ng-grid-2.0.7.min.js、angular.treeview.min.js、angular-animate.js模块
对于这些组件的数据部分，使用的是同意的http请求，同样的Web服务器。
结论：Ext JS比AngularJS重3倍
我俩都用过，简单等理解就是j功能比较简单，UI订制性比较好，学习速度快
e的话就是功能很多，UI组件齐全，但只有固定的几套主题，改样式比较麻烦，学习过程比较长
