1. Tunjukkan meja
http://img.blog.csdn.net/20140622133941015?watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvy Wrhbv93enm =/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma ==/larut/70/gravitasi/tenggara <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' starting page</title> <link rel="stylesheet" type="text/css" href = "./ extjs4.1/sumber daya/css/ext-all.css"> <script type = "text/javascript" src = "./ extjs4.1/ext-all-debug.js"> </script> <script = "locale/javascript" src = ". type = "text/javascript"> ext.onready (function () {// Tentukan tabel var grid = new ext.grid.panel ({{columns: [{{text: 'Nomor baris'}, {text: 'Nomor Siswa'}, {Text: 'Name'}, {teks: 'class'}, {{{{{{{{Text: 'Bahasa Inggris'}]}); // Tentukan jendela var window = ext.create ("ext.window.window", {title: 'tabel skor siswa', lebar: 600, tinggi: 400, item: grid, tata letak: 'fit' // window file}); // tunjukkan jendela jendela.show (); }); </script> </head> <body> Tampilkan tabel <br> </body> </html>2. Menampilkan data lokal
<%@ page language = "java" impor = "java.util.*" pageEncoding = "utf-8"%> <! Doctype html public "-// w3c // dtd html 4.01 transisi // en"> <html> <head> <itement> my jsp 'index.jsp' page starting "" "" "" " href = "./ extjs4.1/sumber daya/css/ext-all.css"> <script type = "text/javascript" src = "./ extjs4.1/ext-all-debug.js"> </script> <script = "locale/javascript" src = ". type = "text/javascript"> ext.onready (function () {// model data khusus var mymodel = ext.define ("studentInfo", {extand: 'ext.data.model', bidang: {{{{{{{{Type: ':' {'{' type ', type:' {'{type', type: 'String'}, {name: 'chscore', type: 'number'}, {name: 'mascore', type: 'number'}, {name: 'enscore', type: 'number'}, {name: 'enscore', type: 'number'}]}); 49], ['no2', 'wangzs2', 'grade 2', 65, 57, 79], ['no3', 'wangzs3', 'grade 3', 45, 77, 59], ['no4', 'wangzs4', 'grade 4', 99, 27, 19], 'no4', 'no5', '' ',' wa ', 99, 99, 27, 19], [' no5 ',' no5 ',' wangz ',' wangz ',' no5 ',' 99, '99,' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4 ',' No4, ' 'No6', 'wangzs6', 'grade 6', 34, 67, 99],]; var mystore = ext.create ("ext.data.store", {model: 'studentInfo', data: mydata}); // Tabel var mygrid = ext.grid.panel baru ({kolom: [{{xtype: 'rownumberer', teks: 'nomor baris'}, {text: 'stunumber', dataindex: 'stuno'}, {text: 'name', DatainDex: 'stuname'}, {'Text:' class ', dataindex:' stuname '}, {' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'Text:' Text: 'China', DatainDex: 'chscore'}, {text: 'Mathematics', DatainDex: 'mascore'}, {text: 'English', DatainDex: 'Enscore'}], Store: Mystore}); // window var window = ext.create ("ext.window.window", {title: 'tabel kelas siswa', lebar: 600, tinggi: 400, item: mygrid, tata letak: 'fit'}); window.show (); }); </script> </head> <body> Tampilkan data lokal <br> </body> </html>3. Tampilkan Data JSONP Cross-Domain
<%@ page language = "java" impor = "java.util.*" pageEncoding = "utf-8"%> <! Doctype html public "-// w3c // dtd html 4.01 transisi // en"> <html> <head> <itement> my jsp 'index.jsp' page starting "" "" "" " href = "./ extjs4.1/sumber daya/css/ext-all.css"> <script type = "text/javascript" src = "./ extjs4.1/ext-all-debug.js"> </script> <script = "locale/javascript" src = ". type = "text/javascript"> ext.onready (function () {// model data kustom var jsonpmodel = ext.define ("jsonpmodel", {extend: 'ext.data.model', fields: [{name: 'userid', type: 'string'}, {name: 'USERNS: [{{{name: UserId', type: 'string'}, {name: 'USERN:' USERN: '{{{{UserID', type: 'string'}, {name: 'USERN:' USERN: 'USERN,' USERID ', STRING:' STRING '}, {' USERN: 'USERN:' USERN: 'USERN:' 'String'}, {name: 'title', type: 'string'}]}); // data var mystore = ext.create ("ext.data.store", {model: 'jsonpmodel', pageSize: 10, // Konfigurasikan jumlah catatan yang ditampilkan per halaman: {type: 'json' 'http://www.sencha.com/forum/topics-wrowse-remote.php', pembaca: {TotalProperty: 'TotalCount', root: 'Topik'}}, Autoload: True // Secara Otomatis Muat Data}); // Tabel var mygrid = ext.grid.panel baru ({kolom: [{{xtype: 'rownumberer', teks: 'nomor baris'}, {text: 'userid', dataindex: 'userid'}, {text: 'username', dataindex: 'Username' {{{{{uSely ',' {datain ',' {{datain ', {{datain', {{datain ', {{datain' 'Title', DatainDex: 'Title'}], Store: Mystore, Bbar: {// Konfigurasikan paging di bagian bawah tabel xtype: 'pagingtoolbar', store: mystore, displayInfo: true}}); // window var window = ext.create ("ext.window.window", {title: 'tabel kelas siswa', lebar: 600, tinggi: 400, item: mygrid, tata letak: 'fit'}); window.show (); }); </script> </head> <body> menampilkan data jsonp lintas domain <br> </body> </html>