首頁 > 開發者 > 網站開發

extjs_03_grid(增加資料)

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：extjs_03_grid增加資料

<%@ 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 : [ {type : "string",name : "stuNo"}, {type : "string",name : "stuName"}, {type : "string",name : "stuClass"}, {type : "number",name : "chScore"}, {type : "number",name : "maScore"}, {type : "number",name : "enScore"} ]});// 本機資料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});// 新增panelvar addPanel = Ext.create("Ext.form.Panel", {items : [ {xtype : "textfield",fieldLabel : "學號",name : "stuNo"}, {xtype : "textfield",fieldLabel : "姓名",name : "stuName"}, {xtype : "textfield",fieldLabel : "班級",name : "stuClass"}, {xtype : "numberfield",fieldLabel : "語文",name : "chScore"}, {xtype : "numberfield",fieldLabel : "數學",name : "maScore"}, {xtype : "numberfield",fieldLabel : "英語",name : "enScore"} ]});// 新增視窗var addWindow = Ext.create("Ext.window.Window", {title : "新增學產生績",closeAction : "hide",//設定該屬性新增視窗關閉的時候是隱藏width : 300,height : 300,items : addPanel,layout : "fit",bbar : {xtype : "toolbar",items : [{xtype : "button",text : "儲存",listeners : {"click" : function(btn) {var form = addPanel.getForm();var stuNo = form.findField("stuNo").getValue();var stuName = form.findField("stuName").getValue();var stuClass = form.findField("stuClass").getValue();var chScore = form.findField("chScore").getValue();var maScore = form.findField("maScore").getValue();var enScore = form.findField("enScore").getValue();Ext.Msg.alert("新增的資料", "{" + stuNo + ":" + stuName + ":" + stuClass + ":" + chScore + ":"+ maScore + ":" + enScore + "}");}}}, {xtype : "button",text : "取消",listeners : {"click" : function(btn) {btn.ownerCt.ownerCt.close();}}} ]}});// 視窗var window = Ext.create("Ext.window.Window", {title : "學產生績表",width : 600,height : 400,items : myGrid,layout : "fit",tbar : {xtype : "toolbar",items : {xtype : "button",text : "新增",listeners : {"click" : function(btn) {addPanel.getForm().reset();//新增前清空表格內容addWindow.show();}}}}});window.show();});</script></head><body>顯示表格<br></body></html>



本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More