extjs_02_grid显示本地数据、显示跨域数据

1.显示表格

http://img.blog.csdn.net/20140622133941015?watermark/2/text/ahr 0 cdovl2jsb 2 cuy 3 nkbi 5 uzxqvywrhbv 93 enm=/font/5a 6 l5l 2t/font size/400/fill/I0JBQkFCMA==/溶解/70/gravity/东南%@页面语言=' Java '导入=' Java。乌提尔。* "页面编码=' UTF-8 ' %！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题my JSP '索引。“JSP”起始页/title link rel='样式表type='text/css' href=' ./ext js 4.1/resources/CSS/ext-all。CSS ' script type=' text/JavaScript ' src=' http :/ext js 4.1/ext-all-debug。js/'脚本脚本类型=' text/JAVAScript ' src=' http :/ext js 4.1/locale/ext-lang-zh _ cn。js/'脚本脚本类型=' text/JavaScript ' ext。onready(function(){//定义表格var grid=new Ext。网格。面板({ columns : [{ text : ’)行号}，{ text : '学号}，{ text : '姓名}，{ text : '班级}，{ text : '语文}，{ text : '数学}，{ text : '英语' } ] });//定义窗口var窗口=ext。创建(' ext。窗户。窗口'，{ title : '学生成绩表，宽度： 600,高度： 400,项目：网格，布局： '适合'//表格填充窗口});//显示窗口窗户。show()；});/脚本/头体显示表格br /body /html2 .显示本地数据

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' UTF-8 ' %！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题my JSP '索引。“JSP”起始页/title link rel='样式表type='text/css' href=' ./ext js 4.1/resources/CSS/ext-all。CSS ' script type=' text/JavaScript ' src=' http :/ext js 4.1/ext-all-debug。js/'脚本脚本类型=' text/JAVAScript ' src=' http :/ext js 4.1/locale/ext-lang-zh _ cn。js/'脚本脚本类型=' text/JavaScript ' ext。onready(function(){//自定义数据模型var myModel=ext。定义(' studentInfo '，{ extend : 'Ext.data.Model '，字段： [ { name : 'stuNo '，type : 'string' }，{ name : 'stuName '，type : 'string' }，{ name : ' stuClass '，type : 'string' }，{ name : ' chScore '，type 3: ' number ' }，{ name ://本地数据var myData=[ [ 'No1 '，' wangzs1 '，' 1年级，80，67，49 ]，[ 'No2 '，' wangzs2 '，' 2年级，65，57，79 ]，[ 'No3 '，' wangzs3 '，' 3年级，45，77，59 ]，[ 'No4 '，' wangzs4 '，' 4年级，99，27，19 ]，[ 'No5 '，' wangzs5 '，' 5年级，23，97，99 ]，[ 'No6 '，' wangzs6 '，' 6年级', 34, 67, 99 ], ];var myStore=ext。创建(' ext。数据。store '，{ model : 'studentInfo '，data : my data })；//表格var myGrid=new Ext。网格。面板({ columns :[{ xtype : '行号er，文本： '行号}，{ text : '学号，dataIndex : 'stuNo' }，{ text : '姓名，dataIndex : 'stuName' }，text : '班级，dataIndex : 'stuClass' }，{ text : '语文，dataIndex : 'chScore' }，{ text : '数学，dataIndex : 'maScore' }，{ text : '英语，dataIndex : 'enScore' } ]，store : myStore })；//窗口var窗口=ext。创建(' ext。窗户。窗口'，{ title : '学生成绩表，宽度： 600,高度： 400,项目：我的网格，布局： ' fit ' })；窗户。show()；});/脚本/头体显示本地数据br /body /html3 .显示跨域jsonp数据

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' UTF-8 ' %！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题my JSP '索引。“JSP”起始页/title link rel='样式表type='text/css' href=' ./ext js 4.1/resources/CSS/ext-all。CSS ' script type=' text/JavaScript ' src=' http :/ext js 4.1/ext-all-debug。js/'脚本脚本类型=' text/JAVAScript ' src=' http :/ext js 4.1/locale/ext-lang-zh _ cn。js/'脚本脚本类型=' text/JavaScript ' ext。onready(function(){//自定义数据模型var JSON模型=ext。定义(' JSON模型'，{ extend : 'Ext.data.Model '，字段： [ { name : 'userid '，type : 'string' }，{ name : 'username '，type : 'string' }，{ name : ' string ' }，type : ' string ' })；//数据var myStore=ext。创建(' ext。数据。store '，{ model : ' jsonpModel '，pageSize : 10，//配置每页显示记录数代理： { type : 'jsonp '，URL : ' http://www。森查。com/forum/topics-browse-remote。PHP '，reader : { totalProperty : ' totalCount '，root : 'topics' }，autoLoad : true //自动加载数据});//表格var myGrid=new Ext。网格。面板({ columns :[{ xtype : '行号er，文本： '行号}，{ text : '用户id '，dataIndex : 'userid' }，{ text : '用户姓名，数据索引： '用户名' }，文本： '时间线，dataIndex : 'dateline' }，{ text : '标题，dataIndex : 'title' } ]，store : myStore，bbar : {//在表格底部配置分页xtype : 'pagingtoolbar '，store : myStore，displayInfo : true } })；//窗口var窗口=ext。创建(' ext。窗户。窗口'，{ title : '学生成绩表，宽度： 600,高度： 400,项目：我的网格，布局： ' fit ' })；窗户。show()；});/脚本/头体显示跨域jsonp数据br /body /html