Grid初识一

最新推荐文章于 2025-10-15 10:36:47 发布

原创最新推荐文章于 2025-10-15 10:36:47 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

ExtJs 专栏收录该内容

6 篇文章

订阅专栏

本文展示了一个使用ExtJS框架创建网格面板的例子。该网格包含id、姓名、邮箱、性别和年龄等字段，并通过SimpleStore存储数据。此示例有助于理解如何在Web应用中构建数据展示组件。

Ext.onReady(function(){

var cm = new Ext.grid.ColumnModel([
{header:"id",dataIndex:"id"},
{header:"姓名",dataIndex:"name"},
{header:"邮箱",dataIndex:"email"},
{header:"性别",dataIndex:"sex"},
{header:"年龄",dataIndex:"age"}
]);

var fields = ["id","name","email","sex","age"];
//ArrayData
var data =[
["1","langsin1","langsin1@langsin.com","男","20"],
["2","langsin2","langsin1@2angsin.com","男","20"],
["3","langsin3","langsin1@3angsin.com","女","20"],
["4","langsin4","langsin1@4angsin.com","男","20"],
["5","langsin5","langsin1@5angsin.com","女","20"]];
var store = new Ext.data.SimpleStore({
fields:fields,
data:data

});
var grid = new Ext.grid.GridPanel({
cm:cm,
store:store

});

grid.rendered(Ext.getBody());

});