yii 表單布局左右2列顯示

2021-09-26 08:06:34 字數 1932 閱讀 5632

yii布局表單1列顯示則輸入框顯得過長,所以調整為2列顯示,但是textarea還是1列顯示

自定義widgets並繼承activeform

namespace common\widgets;

use yii;

use yii\helpers\html;

use yii\base\invalidconfigexception;

class horizontalactiveform extends \yii\widgets\activeform

*/public function init()

if ($this->layout !== 'default')

$this->fieldconfig = [

'template' => "

", ];

parent::init();

}/**

* * @return activefield the created activefield object

*/public function field($model, $attribute, $options = )

if(isset($options['options']['whole_row']))

", ];

} else

return parent::field($model, $attribute, $options);}}

使用

use common\widgets\horizontalactiveform;

<?php $form = horizontalactiveform::begin(); ?>

= $form->field($model, 'banner_id')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'subject_id')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'area_id')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'type')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'start_at')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'end_at')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'create_user_id')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'update_user_id')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'index')->textinput(['maxlength' => true]) ?>

= $form->field($model, 'status')->textinput(['maxlength' => true]) ?>

= rightsubmitbutton::widget() ?>

<?php horizontalactiveform::end(); ?>

如果像textarea這樣的需要1列顯示的

= $form->field($model, 'describe', ['options' =>  ['whole_row' => true]])->textarea(['rows' => 6]) ?>

Yii2建立表單

文字框 textinput 密碼框 passwordinput 單選框 radio radiolist 核取方塊 checkbox checkboxlist 下拉框 dropdownlist 隱藏域 hiddeninput 文字域 textarea rows 3 檔案上傳 fileinput 提交按...

yii2表單學習

呼叫 request 元件寫法 在controller 檔案中定義方法名字時,如果名字是駝峰形,即 actionshowuser 這樣子的,訪問鏈結需要寫為 web index.php?r test show user,需要在兩個單詞中間加上一條短橫線 等價於 表單的建立 addform class...

常見左右兩列div css布局技巧整理

2010年08月19日 星期四 上午 10 04 常見的左右兩列div css布局分為以下兩種 一 左右定寬布局 在css分別指定了左右兩列的寬度的情況下,只需要將左邊的div 向左浮動,右邊的div 向右浮動,並清除浮動,即可實現。常用的清除浮動有兩種方式 a 通過在浮動元素的父級元素上新增清除浮...