1.建立一個輸出數據的頁面 Test.aspx
頁面中只有一句話： 在PageLoad裏面輸出：
2.建立一個測設頁面 Combo.aspx
<textarea cols="50" rows="15" name="code" class="javascript"><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Combo.aspx.cs" Inherits="Combo" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="Ext/resources/css/ext-all.css" mce_href="Ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <mce:script src="Ext/adapter/ext/ext-base.js" mce_src="Ext/adapter/ext/ext-base.js" type="text/javascript"></mce:script> <mce:script src="Ext/ext-all.js" mce_src="Ext/ext-all.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- Ext.onReady(function() { var popularTime = new Ext.data.Record.create([ { name: "timeId", mapping: "timeId" }, { name: "popularTime", mapping: "popularTime" } ]); var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: "BindCombo.aspx" }), reader: new Ext.data.JsonReader({ root: "Data" }, popularTime) }); store.load(); var AddRoomForm = new Ext.form.FormPanel({ width: 375, height: 270, plain: true, layout: "form", renderTo: Ext.getBody(), defaultType: "textfield", labelWidth: 75, baseCls: "x-plain", //錨點佈局- defaults: { anchor: "95%", msgTarget: "side" }, buttonAlign: "center", bodyStyle: "padding:0 0 0 0", items: [ { xtype: 'combo', regex: null, fieldLabel: '流行時間', store: store, anchor: '90%', //displayField: 'state', //typeAhead: true, mode: 'local', //forceSelection: true, triggerAction: 'all', emptyText: '請選擇一個時間', selectOnFocus: true, valueFiled: "timeId", displayField: "popularTime", mode: 'remote' }] }); }); // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html> </textarea>
Ok。