[moka同学笔记]yii2 activeForm 表单样式的修改(二)

源码:

        <?php $form = ActiveForm::begin([
            'options'=>[
                'enctype'=>'multipart/form-data',
                'class' => 'form-horizontal a-boxWidth2 form-ajax',
            ],
            'fieldConfig' => [
                'template' => "<label class='col-sm-2 control-label'>{label}</label><div class='col-sm-10'>{input}<div class='help-block'>{error}</div></div>",
            ]
        ]); ?>
        <?= $form->field($modelUser,'name') ?>
        <?= $form->field($modelUser,'nickname') ?>
        <?= $form->field($modelUser,'sex')->radioList(['1'=>'男','2'=>'女','3'=>'保密','0'=>'未知']) ?>
        <?= $form->field($modelUser,'avatar_path',[
            'template' => "<label class='col-sm-2 control-label'>{label}</label>
                            <div class='col-sm-10'>".($modelUser->avatar_path?"<div class='thumbnail text-center' style='width:100px'>
                            <img src='{$modelUser->avatar_path}'>
                            <a href='javascript:void(0)' onclick='deletePic(this)'>删除</a> </div>":'')."{input}
                            <div class='help-block'>{error}</div></div>"])
            ->fileInput(['onchange' => 'previewImage(this)']) ?>
        <?= $form->field($modelUser, 'birthday')->widget(
            DatePicker::className(), [
            'inline' => false,
            'language' => 'zh-CN',
            'clientOptions' => [
                'autoclose' => false,
                'format' => 'yyyy-mm-dd'
            ]
        ]);?>
        <?= $form->field($modelUser->contact,'email') ?>
        <div class="form-group field-community-mobile required">
            <label for="mobile" class='col-sm-2 control-label'>手机</label>
            <div class="input-group">
                <span class="input-group-addon" style="padding: 0px;border:none;background-color: #fff;">
                <?=$form->field($modelContact, 'area_code',['template'=>"<div class='col-sm-2 col-sm-offset-2'>{input}</div>"])
                    ->dropDownList($telCode,['prompt' => '--','style'=>'width:70px;padding:0px;text-align:center;'])
                    ->label(false); ?>
                </span>
                <?= $form->field($modelContact,'mobile',['template'=>"<div class='col-sm-11'>{input}</div>"])
                    ->textInput(['style'=>'margin-left:15px;'])
                    ->label(false) ?>
            </div>
        </div>

 

posted @ 2016-08-31 10:43  mokal同学  阅读(351)  评论(0编辑  收藏  举报