Ext.onReady(function(){
	  var store = new Ext.data.Store({
            proxy:new Ext.data.HttpProxy({url:'/search/list.asp'}),
			autoLoad: true,
            reader:new Ext.data.JsonReader({
                root:'data',id: 'KH'},['bj','KH','xm','zcj','zcjdc','zz','zzdc','yw','ywdc','sx','sxdc','yy','yydc','ls','lsdc','dl','dldc','sw','swdc','yiny','yinydc','ty','tydc','ms','msdc','xx','xxdc','wl','wldc','hx','hxdc']),autoLoad: true,
          baseParams: {
            }});  
   var expander = new Ext.grid.RowExpander({
        tpl : new Ext.Template(
            '<p><b>班级:</b> {bj}</p>',
            '<p><b>考号:</b> {KH}</p>',
			'<p><b>总成绩:</b> {zcj}</p>',
			'<p><b>语文:</b> {yw}  <b>等次:</b> {ywdc}</p>',
			'<p><b>政治:</b> {zz}  <b>等次:</b> {zzdc}</p>',
			'<p><b>数学:</b> {sx}  <b>等次:</b> {sxdc}</p>',
			'<p><b>英语:</b> {yy}  <b>等次:</b> {yydc}</p>',
			'<p><b>历史:</b> {ls}  <b>等次:</b> {lsdc}</p>',
			'<p><b>地理:</b> {dl}  <b>等次:</b> {dldc}</p>',
			'<p><b>生物:</b> {sw}  <b>等次:</b> {swdc}</p>',
			'<p><b>音乐:</b> {yiny}  <b>等次:</b> {yinydc}</p>',
			'<p><b>体育:</b> {ty}  <b>等次:</b> {tydc}</p>',
			'<p><b>美术:</b> {ms}  <b>等次:</b> {msdc}</p>',
			'<p><b>信息:</b> {xx}  <b>等次:</b> {xxdc}</p>',
			'<p><b>物理:</b> {wl}  <b>等次:</b> {wldc}</p>',
			'<p><b>化学:</b> {hx}  <b>等次:</b> {hxdc}</p>'
        )
    });
   
   var tfGood = new Ext.form.ComboBox({
            fieldLabel: '选择年级',
            emptyText: '选择年级',
            store: new Ext.data.Store({
            reader: new Ext.data.ArrayReader({}, [{name:'id'},{name: 'title'}]),
            data: [['class1-1','初一一部'],['class1-2','初一二部'],['class2-1','初二一部'],['class2-2','初二二部'],['class3-1','初三一部'],['class3-2','初三二部']]
        }),
            displayField: 'title',
            valueField: 'id',
            hiddenName: 'sqlb',
            forceSelection: true,
            selectOnFocus: true,
            editable: false, 
            triggerAction: 'all',
            mode: 'local'
        });
        tfGood.on('change',function(field,newValue,oldValue){
            store.baseParams['class'] = newValue;
        });
		
    var grid = new Ext.grid.GridPanel({
	    autoScroll:true,
        store: store,
		autoExpandColumn: 'xm',
		height:400,
            columns: [expander,
                {header:'班级',width:40,sortable:true,dataIndex:'bj'},
				{header:'考号',width:100,sortable:true,dataIndex:'KH'},
                {id: 'xm',header:'姓名',width:100,sortable:true,dataIndex:'xm'},
				{header:'总成绩',width:90,sortable:true,dataIndex:'zcj'},
				{header:'语文',width:40,sortable:true,dataIndex:'yw'},
				{header:'政治',width:40,sortable:true,dataIndex:'zz'},
				{header:'数学',width:40,sortable:true,dataIndex:'sx'},
				{header:'英语',width:40,sortable:true,dataIndex:'yy'},
				{header:'历史',width:40,sortable:true,dataIndex:'ls'},
				{header:'地理',width:40,sortable:true,dataIndex:'dl'},
				{header:'生物',width:40,sortable:true,dataIndex:'sw'},
				{header:'音乐',width:40,sortable:true,dataIndex:'yiny'},
				{header:'体育',width:40,sortable:true,dataIndex:'ty'},
				{header:'美术',width:40,sortable:true,dataIndex:'ms'},
				{header:'信息',width:40,sortable:true,dataIndex:'xx'},
				{header:'物理',width:40,sortable:true,dataIndex:'wl'},
				{header:'化学',width:40,sortable:true,dataIndex:'hx'}
            ],
			plugins: expander,
			tbar:new Ext.Panel({
			
            height:24,
            layout:'column',
            border:false,
			bodyStyle:'text-align:left',
            items:[{
                    columnWidth: 1,
                    tbar: [{
                        text: '<font color=ff0000><b>正确输入准考证号共9位数,点击班级前面的加号显示详细信息</b></font>'
                    }]
                },{
                    width: 200,
                     tbar:[tfGood,
                    { cls:'x-btn-icon',
                      width:50
                    }]
                },{
                    width: 300,
                    tbar: ['准考证号: ', ' ', new Ext.app.SearchField({
                        store: store,
                        width: 200
                    })]
                }]})
    });

var panel = new Ext.Panel({ 
    renderTo: 'chengji', 
    title:'临清京华中学成绩查询系统', 
     
    width:920, 
    height:400, 
    items:[grid] //管理grid 
}); 
});