表格视图GridView

/**
 * 根据输入的小说目录页的URL下载一本小说
 */
Ext.onReady( function(){
	
	var data = [['<img src="../../images/xiaoshuo.jpg">','代嫁弃妃','安知晓','穿越时空','964149','当乐网d.cn是中国第一手机游戏门户网站,提供最全的免费手机游戏下载、手机网游下载、手机软件下载、手机主题下载、手机模拟游戏、手机游戏攻略、评测以及手机游戏交流社']];
	var data;
	var Novel = Ext.data.Record.create([
		{name:'NImgUrl',mapping:0},
		{name:'NTitle',mapping:1},
		{name:'NAuthor',mapping:2},
		{name:'NType',mapping:3},
		{name:'NTotalWords',mapping:4},
		{name:'NDesc',mapping:5}
	]);
	
	var store = new Ext.data.Store({
		reader:new Ext.data.ArrayReader({id:0},Novel),
		data:data
	});
    
	var mainPanel = new Ext.grid.GridPanel( {
		title:'单本下载',
		width:700,
		height:200,
		frame:false,
		//autoFill:true,
		//forceFit: true,
		store:store,
		viewConfig:{
			enableRowBody:true,//使用行体
			getRowClass:function(record,index,rowParams,store){
				rowParams.body = '<div style="margin:10 10 10 10"><br><br><b>简介：</b><br>'+record.get('NDesc')+'<div>';
				rowParams.cols = 5;//横跨的行数
				//rowParams.bodyStyle = '';//行体样式
			}
		},
		columns:[
			{header:'图片',width:150,sortable: false,dataIndex:'NImgUrl'},
			{header:'书名',width:100,sortable: false,dataIndex:'NTitle'},
			{header:'作者',width:100,sortable: false,dataIndex:'NAuthor'},
			{header:'类型',width:100,sortable: false,dataIndex:'NType'},
			{header:'总字数',width:100,sortable: false,dataIndex:'NTotalWords'}
		],
		tbar : ['请输入小说目录URL：', ' ', new Ext.ux.form.SearchField( {
			width : 320,
			cfg:searchCfg
		}),'&nbsp;&nbsp;&nbsp;&nbsp;',{text:'下载',handler:download,iconCls:'download'}]
	});
	
	function download(){
		Ext.Msg.alert('提示','下载');
	}
	Ext.main.addItems([mainPanel]);
});