<!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' }
]
}
})
}
});
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
