ext 2.0 渲染HTML表單 (含中文版日期選單控件) 
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <html>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <head>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <title>ext form render</title>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <link rel='stylesheet' href='ext-all.css'>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <style type='text/css'>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) .x-form-field-wrap {
ext 2.0 渲染HTML表單 (含中文版日期選單控件) }{display:inline;} /**//* display DateFields inline */ .x-form-field-wrap .x-form-date-trigger-nonie {
ext 2.0 渲染HTML表單 (含中文版日期選單控件) }{top:-1px;} /**//* remove 1px top padding for non-IE browsers */ </style>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <link rel="stylesheet" type="text/css"
ext 2.0 渲染HTML表單 (含中文版日期選單控件) href="framework/ext-2.0.2/resources/css/ext-all.css" />
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <script type="text/javascript"
ext 2.0 渲染HTML表單 (含中文版日期選單控件) src="framework/ext-2.0.2/adapter/ext/ext-base.js"></script>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <script type="text/javascript" src="framework/ext-2.0.2/ext-all.js"></script>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) src='framework/ext-2.0.2/adapter/yui-utilities.js'></script>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </head>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <body>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-tl">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-tr">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-tc"></div>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </div>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-ml">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-mr">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-mc">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <form id="form2" method="post">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <h3>表單範例</h3>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <table>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <tr>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td class="title">文字輸入：</td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td style="font-family: verdana;"><input type="text" id="tf"
ext 2.0 渲染HTML表單 (含中文版日期選單控件) name="text2" /></td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </tr>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td class="title">下拉選單：</td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td style="font-family: verdana;"><select id="cb" name="st2">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option></option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Aeiou</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Andy</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Amy</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Aloha</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Apple</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Application</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Aprik</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Backup</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <option>Book</option>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </select></td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td class="title">日期選擇：</td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td style="font-family: verdana;"><input type="text" id="df"
ext 2.0 渲染HTML表單 (含中文版日期選單控件) name="df" /></td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td class="title">多行輸入：</td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td><textarea id="ta2" name="ta" cols="50" rows="6"></textarea></td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td class="title"></td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div id="btn"></div>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </td>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) </table>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </form>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-bl">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-br">
ext 2.0 渲染HTML表單 (含中文版日期選單控件) <div class="x-box-bc"></div>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) </body>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </html>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) <script type='text/javascript'>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) Ext.onReady(function()
ext 2.0 渲染HTML表單 (含中文版日期選單控件) {
ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 定義表單
ext 2.0 渲染HTML表單 (含中文版日期選單控件) userForm = new Ext.form.BasicForm('form2');
ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 渲染輸入框
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) var tf = new Ext.form.TextField(
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) applyTo: 'tf',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) id: 'tf',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) allowBlank: false,
ext 2.0 渲染HTML表單 (含中文版日期選單控件) width: 340
ext 2.0 渲染HTML表單 (含中文版日期選單控件) });
ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 渲染下拉框
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) var cb = new Ext.form.ComboBox(
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) transform: 'cb'
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 渲染月曆框
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) var df = new Ext.form.DateField(
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) applyTo: 'df',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) timePicker: true
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 渲染文本域
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) var ta = new Ext.form.TextArea(
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) applyTo: 'ta'
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) var btn = new Ext.Button(
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) applyTo: 'btn',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) text: '送出'
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) userForm.add(tf);
ext 2.0 渲染HTML表單 (含中文版日期選單控件) userForm.add(df);
ext 2.0 渲染HTML表單 (含中文版日期選單控件) userForm.add(cb);
ext 2.0 渲染HTML表單 (含中文版日期選單控件) // 覆寫月曆
ext 2.0 渲染HTML表單 (含中文版日期選單控件) Date.dayNames = ["日", "一", "二", "三", "四", "五", "六"];
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) if (Ext.DatePicker)
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) Ext.apply(Ext.DatePicker.prototype,
ext 2.0 渲染HTML表單 (含中文版日期選單控件) ext 2.0 渲染HTML表單 (含中文版日期選單控件) todayText: "今天",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) minText: "日期在最小日期之前",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) maxText: "日期在最大日期之後",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) disabledDaysText: "",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) disabledDatesText: "",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) monthNames: Date.monthNames,
ext 2.0 渲染HTML表單 (含中文版日期選單控件) dayNames: Date.dayNames,
ext 2.0 渲染HTML表單 (含中文版日期選單控件) nextText: '下月 (Control+Right)',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) prevText: '上月 (Control+Left)',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) monthYearText: '選擇一個月 (Control+Up/Down 來改變年)',
ext 2.0 渲染HTML表單 (含中文版日期選單控件) todayTip: "{0} (Spacebar)",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) okText: "确定",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) cancelText: "取消",
ext 2.0 渲染HTML表單 (含中文版日期選單控件) format: "y年m月d日"
ext 2.0 渲染HTML表單 (含中文版日期選單控件) });
ext 2.0 渲染HTML表單 (含中文版日期選單控件) }
ext 2.0 渲染HTML表單 (含中文版日期選單控件) });
ext 2.0 渲染HTML表單 (含中文版日期選單控件) </script>
ext 2.0 渲染HTML表單 (含中文版日期選單控件) 
