Yii Framework 開發(fā)教程(7) 使用 CHtml 創(chuàng)建 Form

在創(chuàng)建 Yii 應(yīng)用的 MVC 做的 View 時(shí)，可以直接使用 HTML 語言直接構(gòu)造頁面視圖，Yii 也提供了幾個(gè)幫助（helper）類簡(jiǎn)化視圖編寫。例如， 要?jiǎng)?chuàng)建一個(gè)文本輸入域，我們可以調(diào)用 CHtml::textField()； 要?jiǎng)?chuàng)建一個(gè)下拉列表，則調(diào)用 CHtml::dropDownList()。在前面的 Hangman 例子的幾個(gè) View 就是使用 CHtml 來創(chuàng)建 View 的。

信息: 你可能想知道使用幫助類的好處，如果它們所需的代碼量和直接寫純 HTML 的代碼量相當(dāng)?shù)脑挕?答案就幫助類可以提供比 HTML 代碼更多的功能。例如， 如下代碼將生成一個(gè)文本輸入域，它可以在用戶修改了其值時(shí)觸發(fā)表單提交動(dòng)作。

    CHtml::textField($name,$value,array('submit'=>''));

不然的話你就需要寫一大堆 JavaScript 。

回憶一下 Hangman 中頁面 play 的定義：

    <p>This is the game of Hangman.
    You must guess a word, a letter at a time.
    If you make too many mistakes, you lose the game!</p>

    <?php echo CHtml::beginForm(); ?>

    <?php echo CHtml::radioButtonList('level', null, $levels); ?>

    <br/>
    <?php echo CHtml::submitButton('Play!'); ?>

    <?php if($error): ?>
    <span style="color:red">You must choose a difficulty level!</span>
    <?php endif; ?>

    <?php echo CHtml::endForm(); ?>

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/7.1.jpg" alt="picture7.1" />

使用 CHtml 構(gòu)造頁面總是以 CHtml::beginForm()開始以 CHtml::endForm()結(jié)尾。實(shí)際上這兩，個(gè)方法生成 From 標(biāo)簽的開始和結(jié)束標(biāo)記。 對(duì)于 HTML 表單支持的 UI 組件，如 button, radioButton, checkbutton 等 UI 組件，CHtml 類都提供了對(duì)應(yīng)的方法，比如上面的 radioButtonList 和 submitButton。

除 radioButtonList 等之外，CHtml 還提供了一組 activeXXX ,比如 activeRadioButtonList ，這些方法需要和 CFormModel 配合使用，對(duì)于 Hangman 這樣的例子我們沒有另外使用 Model，因此就沒有使用 activeRadioButtonList 方法，將在后面介紹 MVC 中的 Model 時(shí)介紹。

對(duì)與 CHtml 所支持的全部 UI 組件可以參考 Yii類參考文檔。

從版本 1.1.1 開始，提供了一個(gè)新的小物件 CActiveForm 以簡(jiǎn)化表單創(chuàng)建。 這個(gè)小物件可同時(shí)提供客戶端及服務(wù)器端無縫的、一致的驗(yàn)證。這些在 Yii支持的 UI 組件時(shí)一并介紹。