<!DOCTYPE html>
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=UTF⑻">
<title>Welcome to ExtJS!</title>
<link rel="stylesheet"type="text/css"href="ext/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<scripttype="text/javascript"src="ext/build/ext-all.js"></script>
<scripttype="text/javascript"src="ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
app.js
Ext.application({
name : 'MyApp',
launch : function() {
Ext.widget({
renderTo : Ext.getBody(),
xtype : 'grid',
title : '学生',
width : 650,
height : 300,
plugins : 'rowediting',
store : {
fields : [ 'name', 'age','sex', 'score' ],
data : [
[ '张3', 35, '男', 98.5 ],
[ '李4', 29, '女', 68.4 ]
]
},
columns: {
defaults: {
editor : 'numberfield',
width : 120
},
items: [
{ text: '名字',dataIndex: 'name', flex: 1, editor: 'textfield' },
{ text: '年纪',dataIndex: 'age' },
{ text: '性别',dataIndex: 'sex' , flex: 1, editor: 'textfield' },
{ text: '成绩',dataIndex: 'score' }
]
}
})
}
});