ExtJS grid简单应用

最新推荐文章于 2019-11-27 11:23:46 发布

最新推荐文章于 2019-11-27 11:23:46 发布 · 131 阅读

Ext JS 专栏收录该内容

2 篇文章

订阅专栏

本文将介绍如何使用Ext.js库创建Grid面板，并通过配置监听器和数据存储实现基本功能。


var grid = new Ext.grid.GridPanel({
				listeners:{
					"rowcontextmenu":function(){
						alert(1);
					}
				},
                store: new Ext.data.JsonStore({
                    fields: [{name:'name1111',mapping:"name"},{name:'id1111',mapping:"id"}],      //头，数据
                    root: 'rows',
                    totalProperty: 'results',
                    data:{'results':2,'rows':[
        					{'id':1,'name':'Bill'},
       						{'id':2,'name':'Ben'}
        				]}
                }),
                columns: [
                    {header:'序号',dataIndex:'id1111'}, //给头赋值
                    {header:'名称',dataIndex:'name1111'} 
                ]
            });