YII2 ActiveField表单字段处理

  • A+
所属分类:Web开发

我们在使用ActiveForm的时候会用到Field方法,但是因为默认的字段对应的CSS真心不适合我们自己的项目。

所以在大多数情况下,我们都会去修改Field默认的Css样式

我们可以参考ActiveField的文档:http://www.yiiframework.com/doc-2.0/yii-widgets-activefield.html

这里我们主要关心以下的几个属性,分别是$template、$errorOptions、$labelOptions、$inputOptions

也可以使用以下方法,分别是label()、input()、error()

上面所述的后三个属性与三个方法的使用相同,为了演示,我使用一个属性,三个方法来一并演示。
YII2 ActiveField表单字段处理

从上图中,我们可以看出,field方法的第三个参数是一个配置数组。

我们从文档中找到template属性,然后添加到配置数组中

然后我们根据文档分别设置一下label()、input()、error(),我们用label来举例
YII2 ActiveField表单字段处理

从上图中可以看出,label有两个参数,一个是内容,一个是配置

如果我们不需要修改model中预定义好的显示内容,这里可以设置为null

第二个参数就是元素的属性了

我们可以设置一下自定义的class、type等

例如配置如下:

使用activeForm修改后的代码如下:

YII2 ActiveField表单字段处理

这样我们就设置完了,想怎么定义就怎么定义吧。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: