YII2 WIDGET的学习笔记

widget,英文意思为小工具,小挂件,在程序里大概也是这个意思,Yii2中叫做组件,这个示例仅仅是写一个基本的Yii2 widget,看看能不能运行。

关于widgets,他们在yii中的关系如下

system.web.widgets  系统自带最基本的widget
zii.widgets  是基本扩展
zii.widgets.grid  是基本扩展的重要分支
zii.widgets.jui  是插件扩展

一,system.web.widgets

包括:
    CActiveForm
    CAutoComplete
    CClipWidget
    CContentDecorator
    CFilterWidget
    CFlexWidget
    CHtmlPurifier
    CInputWidget
    CMarkdown
    CMaskedTextField
    CMultiFileUpload
    COutputCache
    COutputProcessor
    CStarRating
    CTabView
    CTextHighlighter
    CTreeView
    CWidget

看vendor/yiisoft/yii2/base/Widget.php的定义,widget需要继承这个类,begin,end,widget,run这些方法都可以在子类进行重写定义,这里我们重写run试试。

新建一个类Testwidgets.php:

namespace common\widgets;
 
use yii\base\Widget;
 
 
class Testwidgets extends Widget
{
    public function __Construct()
    {
        echo 'test test ...';
    }
 
    public function run()
    {
        echo 'run run run ...';
    }
}
在一个模板文件中这样使用:

<?php
/* @var $this yii\web\View */
 
use common\widgets\Testwidgets;
 
?>
 
<p>
    <?php echo Testwidgets::widget();?>
</p>
页面输出:

test test …run run run …

是不是很简单,当然这只是一个最简单的Yii2 widget,只是搞清楚写widget的基本方式。

比如Yii2的表单widget,涉及到很多用法,就要定义额外的类和方法来实现需求。

    <?php $model = new User();?>
    <?php $form = ActiveForm::begin(['id'=>'login-form']);?>
    <?= $form->field($model,'username')->label('用户名') ?>
    <?= $form->field($model,'password_hash')->passwordInput()->label('密码') ?>
    <?php ActiveForm::end() ;?>

这样就很方便生成一个表单,而且可以灵活设置各种属性,其实原理都是一样的。

关于Yii2的表单widget,可以好好研究一下,写的很妙。两个文件:

vendor/yiisoft/yii2/widgets/ActiveForm.php和vendor/yiisoft/yii2/widgets/ActiveField.php

使用示例

Yii2封装了一个表单widget,很方便生成各类各式的表单,试了几种表单,可以自由设置样式、类型、属性,如下代码:

    <?php $model = new User();?>
    <?php $form = ActiveForm::begin(['id'=>'login-form']);?>
    <?= $form->field($model,'username')->label('用户名') ?>
    <?= $form->field($model,'password_hash')->passwordInput()->label('密码') ?>
    <?= $form->field($model,'email')->textarea(['rows'=>5]) ?>
    <?= $form->field($model,'status')->checkboxList([1=>'hehe',2=>'haha',3=>'xixi',4=>'heihei'],['id'=>'dddd'])->label('多选') ?>
    <?php ActiveForm::end() ;?>

如果想更全面了解如何使用,还是需要看一看源码,才能更好的灵活使用yii2的生成表单widget.

源码文件位置:vendor/yiisoft/yii2-gii/components/ActiveField.php

时间: 2024-07-29 02:57:53

YII2 WIDGET的学习笔记的相关文章

yii2.0基础的学习笔记

yii2.0学习笔记,比较乱,凑合的看一下. 1.接收参数 $request = \yii::$app->request; $request->get('a','defVal')  接收一个get请求的参数 $request->post('a','defVal')  接收一个post请求的参数 $request->isGet  判断是否是get请求. $request->userIp 获取访问者的ip 2.头部响应 $resp = \YII::$app->respons

Yii2学习笔记之汉化yii设置表单的描述(属性标签attributeLabels)

一:汉化框架 框架汉化在这里设置,如果不生效,前台后台的配置文件都设置下应该就可以了 二:汉化表单 汉化表单,直接在模型层设置,例如: 原来的联系我们表单 汉化后: ] 这种汉化在哪里修改呢?其实是设置属性标签,设置位置在模型层 代码如下 public function attributeLabels() { return [ 'name' => '称呼', 'email' => '邮箱', 'subject' => '标题', 'body' => '内容', 'verifyCod

php5学习笔记(转)

php5|笔记 作者: whhwq在phpv.net看到的感觉不错/*+-------------------------------------------------------------------------------+| = 本文为Haohappy读<<Core PHP Programming>> | = 中Classes and Objects一章的笔记 | = 翻译为主+个人心得 | = 为避免可能发生的不必要的麻烦请勿转载,谢谢 | = 欢迎批评指正,希望和所有

API Demos 2.3 学习笔记 (9)-- Views-&amp;gt;Visibility

更多精彩内容,请点击阅读:<API Demos 2.3 学习笔记> Visibility 示例以TextView为例介绍了View的三种可见性以及如何设置View的可见性.这些可见性的设置方法同样适用于View以及其他继承自View的子类对象.从示例布局文件来看,主要分为两部分,一部分为一个线性垂直布局,包含三个不同背景色的TextVew对象:另一部分,为一个线性水平布局,包含三个Button对象. View的可见性主要分为三种, VISIBLE(可见). INVISIBLE(不可见). GO

API Demos 2.3 学习笔记 (11)-- Views-&amp;gt;Date Widgets

更多精彩内容,请点击阅读:<API Demos 2.3 学习笔记> Date Widgets大致可以分为两类,一类是弹出对话框类型的控件,包括DatePickerDialog(日期选择对话框控件)和TimePickerDialog(时间选择对话框控件):另一类就是内嵌类型的控件,包括DatePicker(日期选择窗口控件)和TimePicker(时间选择窗口控件).这些控件广泛应用在需要选择和记录时间信息的场合,例如:谷歌日历. 下面我们简单介绍下这四种控件的调用方法: 1.DatePicke

友善之臂Mini6410之Android开发学习笔记(4)-EEPROM Demo

友善之臂Mini6410之Android开发学习笔记源码同步更新,请使用git工具进行同步.关于Git工具更多信息,请参考:http://progit.org/book/zh/ git clone https://code.google.com/p/androiddemoformini6410/ EEPROMActivity.java package com.mini6410.EEPROM; import android.app.Activity; import android.os.Bundl

API Demos 2.3 学习笔记 (17)-- Views-&amp;gt;Tabs

更多精彩内容,请点击阅读:<API Demos 2.3 学习笔记> Tab与TabHost应用很广泛.打开android手机的默认电话拨号程序,上面就是由"拨号","通话记录","通讯录"以及"收藏"四个选项卡组成的. TabHost有两种实现方式,一种是继承TabActivity,另一种是自己定义TabHost,不继承TabActivity.APIDemo中的三个实例都是第一种.想了解TabHost的第二种实现方

API Demos 2.3 学习笔记 (19)-- Views-&amp;gt; TextSwitcher

更多精彩内容,请点击阅读:<API Demos 2.3 学习笔记> TextSwitcher即文字交换器,是只能包含TextView作为唯一子类型的控件,常用于屏幕上文字标签的动画切换.每次调用setText(CharSequence),TextSwitcher会将当前文字用预定淡出动画隐藏,而将最新文字用预订淡入动画显示出来. 下面简单介绍怎么创建和使用TextSwitcher控件. 1.首先,在布局文件中定义一个TextSwitcher控件 <TextSwitcher android

API Demos 2.3 学习笔记 (15)-- Views-&amp;gt;Radio Group

更多精彩内容,请点击阅读:<API Demos 2.3 学习笔记> 想想我们上学时候做的单项选择题,其中只有一个是正确答案.在做题的时候,我们只能选择一项.如果我们想在Android上设计一道单项选择题的话,可能就要用到RadioGroup了.RadioGroup常常和RadioButton一起使用.由一个RadioGroup包含若干个RadioButton,组成一个单项选择群组.我们在同一时间只能选中该组中的一个 RadioButton. RadioGroup的创建主要有两种方法: 1.在x