一个Ext初学者遇到的问题

七月这天 2010-12-20
Ext.onReady(function(){
	var tabs = new Ext.TabPanel({
		renderTo:"grid"
	});
	Ext.get("btn").on("click", function(){
		var cm = new Ext.grid.ColumnModel([
			//header:数据头
			{header:'编号', dataIndex:'id', sortable:true},
			{header:'名称', dataIndex:'name'},
			{header:'描述', dataIndex:'descn'}
		]);
		var data = [
			['1', 'name1', 'descn1'],
			['2', 'name2', 'descn2'],
			['3', 'name3', 'descn3'],
			['4', 'name4', 'descn4'],
			['5', 'name5', 'descn5']
		];
		var store = new Ext.data.Store({
			//proxy表示数据存储方式
			proxy:new Ext.data.MemoryProxy(data),
			reader:new Ext.data.ArrayReader({}, [
				{name:'id'},
				{name:'name'},
				{name:'descn'}
			]),
			sortInfo:{field:"id", direction:"DESC"}
		});
		store.load();
		var grid = new Ext.grid.GridPanel({
			height:500,
			store:store,
			title:"New Tab",
			cm:cm
		});
		tabs.add(grid);
	});
	
	Ext.get('btn2').on('click', function(){
		tabs.remove(0);
	});
});


在另一个html中调用了这段代码,但无法显示出列表,求解。。。

chengyu2099 2011-06-29
你看看API,有这段代码
var tabs = new Ext.TabPanel({
    renderTo: 'my-tabs',
    activeTab: 0,
    items:[
        {contentEl:'tab1', title:'Tab 1'},
        {contentEl:'tab2', title:'Tab 2'}
    ]
});
<div id="my-tabs"></div>

renderTo是组件将会被渲染到其中,而你放到grid组件中了,你应该把
var grid 放到Ext.TabPanel的items中
希望对你有帮助,我也是新手,仅供参考
Global site tag (gtag.js) - Google Analytics