創建表單
編寫 login
視圖是很簡單的,我們以一個 form
標記開始,它的 action 屬性應該是前面講述的 login
動作的URL。 然後我們需要爲LoginForm
類中聲明的屬性插入標籤和表單域。最後, 我們插入一個可由用戶點擊提交此表單的提交按鈕。所有這些都可以用純HTML代碼完成。
Yii 提供了幾個助手(helper)類簡化視圖編寫。例如, 要創建一個文本輸入域,我們可以調用 [CHtml::textField()]; 要創建一個下拉列表,則調用 [CHtml::dropDownList()]。
Info|信息: 你可能想知道使用助手的好處,如果它們所需的代碼量和直接寫純HTML的代碼量相當的話。 答案就是助手可以提供比 HTML 代碼更多的功能。例如, 如下代碼將生成一個文本輸入域,它可以在用戶修改了其值時觸發表單提交動作。 ~~~ [php] CHtml::textField($name,$value,array('submit'=>'')); ~~~ 不然的話你就需要寫一大堆 JavaScript 。
下面,我們使用 [CHtml] 創建一個登錄表單。我們假設變量 $model
是 LoginForm
的實例。
[php]<div class="form"><?php echo CHtml::beginForm(); ?>
<?php echo CHtml::errorSummary($model); ?>
<div class="row">
<?php echo CHtml::activeLabel($model,'username'); ?>
<?php echo CHtml::activeTextField($model,'username') ?>
</div>
<div class="row">
<?php echo CHtml::activeLabel($model,'password'); ?>
<?php echo CHtml::activePasswordField($model,'password') ?>
</div>
<div class="row rememberMe">
<?php echo CHtml::activeCheckBox($model,'rememberMe'); ?>
<?php echo CHtml::activeLabel($model,'rememberMe'); ?>
</div>
<div class="row submit">
<?php echo CHtml::submitButton('Login'); ?>
</div>
<?php echo CHtml::endForm(); ?></div><!-- form -->
上述代碼生成了一個更加動態的表單,例如, [CHtml::activeLabel()] 生成一個與指定模型的特性相關的標籤。 如果此特性有一個輸入錯誤,此標籤的CSS class 將變爲 error
,通過 CSS 樣式改變了標籤的外觀。 相似的, [CHtml::activeTextField()] 爲指定模型的特性生成一個文本輸入域,並會在錯誤發生時改變它的
CSS class。
如果我們使用由 yiic
腳本生提供的 CSS 樣式文件,生成的表單就會像下面這樣:
從版本 1.1.1 開始,提供了一個新的小物件 [CActiveForm] 以簡化表單創建。 這個小物件可同時提供客戶端及服務器端無縫的、一致的驗證。使用 [CActiveForm], 上面的代碼可重寫爲:
[php]<div class="form"><?php $form=$this->beginWidget('CActiveForm'); ?>
<?php echo $form->errorSummary($model); ?>
<div class="row">
<?php echo $form->label($model,'username'); ?>
<?php echo $form->textField($model,'username') ?>
</div>
<div class="row">
<?php echo $form->label($model,'password'); ?>
<?php echo $form->passwordField($model,'password') ?>
</div>
<div class="row rememberMe">
<?php echo $form->checkBox($model,'rememberMe'); ?>
<?php echo $form->label($model,'rememberMe'); ?>
</div>
<div class="row submit">
<?php echo CHtml::submitButton('Login'); ?>
</div>
<?php $this->endWidget(); ?></div><!-- form -->
<script type="text/javascript">
$('#search_word').click(function(){
var content = $('#search_ansewr_text_content').val();
$.get('teacher/Answer/AnswerQuestions',{content:content},function(data){
$('#answerquestions').html(data);
});
});
</script>
2>序列化 :
<script type="text/javascript">
$createmeeting = $('#createmeeting');
$.post($createmeeting.attr('action'), $createmeeting.serialize(),function(data){
if(data.success){
location.reload();
}else{
popBox.alertBox(data.message);
}
});
</script>
<?php
/** @var $form CActiveForm */
echo CHtml::beginForm('/teacher/Coursemanage/Createparentmeeting','post',['id'=>'createmeeting']);
?>
<?php echo CHtml::endForm;?>
3>submit :
1,jquery的submit()
<script type="text/javascript">
$form = $('#form1');
$form.attr('method','post').attr("action","/school/studycenter/modifydemandcourse/courseID").submit();
</script>
<form id="form1"></form>
2,<input type="submit">
<?php
/** @var $form CActiveForm */
echo CHtml::beginForm('/teacher/Coursemanage/Createparentmeeting','post',['id'=>'createmeeting']);
?>
<?php echo CHtml::endForm();?>
3,
<?php $form = $this->beginWidget('CActiveForm', array(
'id'=>'user-form',
'enableAjaxValidation'=>true,
'enableClientValidation'=>true,
'focus'=>array($model,'firstName'),
)); ?>
<?php $this->endWidget(); ?>