午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线





    

    
    
    
        
        
    
    
    
    
        
        
        
        
        
        
        
        
        
        
        
        
    
    

    

    
    
    
        
        
    
            
    extjs_02_grid顯示本地數據、顯示跨域數據
    
            
    來源：易賢網  閱讀：1163 次  日期：2014-07-17 19:22:27 
    
            
    溫馨提示：易賢網小編為您整理了“extjs_02_grid顯示本地數據、顯示跨域數據”,方便廣大網友查閱！
    
            
    
                        
    
            
    
             
    這篇文章主要介紹了extjs_02_grid顯示本地數據、顯示跨域數據的具體實現,需要的朋友可以參考下。
    1.顯示表格
    <%@ 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/resources/css/ext-all.css"> 
    <script type="text/javascript" src="./extjs4.1/ext-all-debug.js"></script> 
    <script type="text/javascript" src="./extjs4.1/locale/ext-lang-zh_CN.js"></script> 
    <script type="text/javascript"> 
    Ext.onReady(function() { 
    // 定義表格 
    var grid = new Ext.grid.Panel({ 
    columns : [ { 
    text : '行號' 
    }, { 
    text : '學號' 
    }, { 
    text : '姓名' 
    }, { 
    text : '班級' 
    }, { 
    text : '語文' 
    }, { 
    text : '數學' 
    }, { 
    text : '英語' 
    } ] 
    }); 
    // 定義窗口 
    var window = Ext.create("Ext.window.Window", { 
    title : '學生成績表', 
    width : 600, 
    height : 400, 
    items : grid, 
    layout : 'fit'//表格填充窗口 
    }); 
    // 顯示窗口 
    window.show(); 
    }); 
    </script> 
    </head> 
    <body> 
    顯示表格 
    <br> 
    </body> 
    </html>
    2.顯示本地數據
    名單
    <%@ 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/resources/css/ext-all.css"> 
    <script type="text/javascript" src="./extjs4.1/ext-all-debug.js"></script> 
    <script type="text/javascript" src="./extjs4.1/locale/ext-lang-zh_CN.js"></script> 
    <script type="text/javascript"> 
    Ext.onReady(function() { 
    // 自定義數據模型 
    var myModel = Ext.define("studentInfo", { 
    extend : 'Ext.data.Model', 
    fields : [ { 
    name : 'stuNo', 
    type : 'string' 
    }, { 
    name : 'stuName', 
    type : 'string' 
    }, { 
    name : 'stuClass', 
    type : 'string' 
    }, { 
    name : 'chScore', 
    type : 'number' 
    }, { 
    name : 'maScore', 
    type : 'number' 
    }, { 
    name : 'enScore', 
    type : 'number' 
    } ] 
    }); 
    // 本地數據 
    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.create("Ext.data.Store", { 
    model : 'studentInfo', 
    data : myData 
    }); 
    // 表格 
    var myGrid = new Ext.grid.Panel({ 
    columns : [ { 
    xtype : 'rownumberer', 
    text : '行號' 
    }, { 
    text : '學號', 
    dataIndex : 'stuNo' 
    }, { 
    text : '姓名', 
    dataIndex : 'stuName' 
    }, { 
    text : '班級', 
    dataIndex : 'stuClass' 
    }, { 
    text : '語文', 
    dataIndex : 'chScore' 
    }, { 
    text : '數學', 
    dataIndex : 'maScore' 
    }, { 
    text : '英語', 
    dataIndex : 'enScore' 
    } ], 
    store : myStore 
    }); 
    // 窗口 
    var window = Ext.create("Ext.window.Window", { 
    title : '學生成績表', 
    width : 600, 
    height : 400, 
    items : myGrid, 
    layout : 'fit' 
    }); 
    window.show(); 
    }); 
    </script> 
    </head> 
    <body> 
    顯示本地數據 
    <br> 
    </body> 
    </html>
    3.顯示跨域jsonp數據
    名單
    <%@ 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/resources/css/ext-all.css"> 
    <script type="text/javascript" src="./extjs4.1/ext-all-debug.js"></script> 
    <script type="text/javascript" src="./extjs4.1/locale/ext-lang-zh_CN.js"></script> 
    <script type="text/javascript"> 
    Ext.onReady(function() { 
    // 自定義數據模型 
    var jsonpModel = Ext.define("jsonpModel", { 
    extend : 'Ext.data.Model', 
    fields : [ { 
    name : 'userid', 
    type : 'string' 
    }, { 
    name : 'username', 
    type : 'string' 
    }, { 
    name : 'dateline', 
    type : 'string' 
    }, { 
    name : 'title', 
    type : 'string' 
    } ] 
    }); 
    // 數據 
    var myStore = Ext.create("Ext.data.Store", { 
    model : 'jsonpModel', 
    pageSize : 10,//配置每頁顯示記錄數 
    proxy : { 
    type : 'jsonp', 
    url : 'http://www.sencha.com/forum/topics-browse-remote.php', 
    reader : { 
    totalProperty : 'totalCount', 
    root : 'topics' 
    } 
    }, 
    autoLoad : true 
    // 自動加載數據 
    }); 
    // 表格 
    var myGrid = new Ext.grid.Panel({ 
    columns : [ { 
    xtype : 'rownumberer', 
    text : '行號' 
    }, { 
    text : '用戶id', 
    dataIndex : 'userid' 
    }, { 
    text : '用戶姓名', 
    dataIndex : 'username' 
    }, { 
    text : '時間線', 
    dataIndex : 'dateline' 
    }, { 
    text : '標題', 
    dataIndex : 'title' 
    } ], 
    store : myStore, 
    bbar : {// 在表格底部 配置分頁 
    xtype : 'pagingtoolbar', 
    store : myStore, 
    displayInfo : true 
    } 
    }); 
    // 窗口 
    var window = Ext.create("Ext.window.Window", { 
    title : '學生成績表', 
    width : 600, 
    height : 400, 
    items : myGrid, 
    layout : 'fit' 
    }); 
    window.show(); 
    }); 
    </script> 
    </head> 
    <body> 
    顯示跨域jsonp數據 
    <br> 
    </body> 
    </html>
    

    更多信息請查看IT技術專欄
                
    
            
    
                        
    
            
    更多信息請查看網絡編程
    
            
    
            
            
            
            
            
    
    
    
    
        

					
		
    
		
    
            
    
                
    2025國考·省考課程試聽報名
    
                
      

                    
    • 
                        報班類型
                        
                    
      • 
                    
    • 
                        姓名
                        
                    
      • 
                    
    • 
                        手機號
                        
                    
      • 
                    
    • 
                        驗證碼
                        
                        
                    
      • 
                    
    • 
                        
						
                        
                    
      • 
                
    
            
    
        
    
		
    
        

        
    
    
    
    
    

    

    

    


    
    關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助
    | 非正式的簡要咨詢 | 簡要咨詢須知 |  新媒體/短視頻平臺 | 手機站點  | 投訴建議 

    

    
     工業(yè)和信息化部備案號：滇ICP備2023014141號-1
    云南省教育廳備案號：云教ICP備0901021
    滇公網安備53010202001879號 
    人力資源服務許可證：（云）人服證字（2023）第0102001523號

    

    
    
    
    
        聯系電話：0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號：hfpxwx 
    
    咨詢QQ：1093837350（9:00—18:00）版權所有:易賢網