YII2 checkbox 添加样式 - 问答 - Yii Framework 中文网

den1986 2015-06-02 10:48:19 13172次浏览 3条回答 0 悬赏 5 金钱

生成的源文件是这样

<div class="field-record-is_valid">
<div class="checkbox">
<label>
<input type="hidden" value="0" name="Record[is_valid]"><input type="checkbox" value="1" name="Record[is_valid]" id="record-is_valid">
启用
</label>
<p class="help-block help-block-error"></p>

</div>
</div>

</div>

我想在

<div class="checkbox">

加个样式应该写在哪儿？

还有，怎么把html代码给我过滤了呢？提有关于html的问题怎么破？

checkbox

strive 回答于 2015-06-02 16:16 举报

借花献佛 @wodrow

<script>
jQuery(document).ready(function($) {
    $('div.checkbok').css({'style':'value','style':'value'})
});
</script>

魔鬼回答于 2015-06-02 16:29 举报
顶楼上的,也可以定制 template
```
checkbox(['template'=>"<div class=\"test\">{label}{input}{error}</div>"]);
```
共 11 条回复

wodrow 回复于 2015-06-02 16:44 回复

这个是不是太复杂了点啊，要用到匹配数组

acking 回复于 2015-06-05 14:04 回复

定制 template？怎么实现呢？
魔鬼回复于 2015-06-05 14:44 回复
@acking
以下面的为例
<?= $form->field($model, 'is_valid')->checkbox(['template'=>"<div class=\"test\">{label}{input}{error}</div>"]); ?>
生成的html代码主要结构如下:

<div class="test"> <label></label> <input> <p class="help-block help-block-error"></p> </div>

其中 {label}{input}{error} 可以按你的需求决定是否生成,外部容器也一样.
acking 回复于 2015-06-05 16:50 回复
我实验过了，这样生成的不是这个样子。是

<label><input type="checkbox" id="info-i_class" name="Info[i_class]" value="1" template="<div class="test">{label}{input}{error}</div>"> 信息类别</label>

我刚刚问答得到的答案是

<?= $form->field($model, 'is_valid',['template' => "<div class="test">{label}{input}{error}</div>"])->textarea(['rows' => 6]) ?>
魔鬼回复于 2015-06-05 17:45 回复

@acking
使用 $form->field生成的textarea跟checkbox是不一样的,应该说.checkbox,checkboxList,radio,radioList这四个跟其它的input都不一样.多试几下就知道了.

panke216 回复于 2015-09-07 10:31 回复

我想在template里面加个col-sm-offset-2的属性, 让checkbox往右移一点, 可是怎么搞都不起作用, 这样设置是不是没用啊?

魔鬼回复于 2015-09-07 23:09 回复

@panke216 bootstrap的col位移是用在栅格里面,在checkbox的外层加栅格,添加位移就可以了.

panke216 回复于 2015-09-11 09:33 回复

这个问题我试了很久都不行, 后来重新安装了Yii2的Basic, 问题就解决了, 但是还是不知道什么原因造成的, 不过还是要谢谢你!

moka同学回复于 2016-10-12 10:52 回复

@panke216 更改样式，需要清除缓存么？

panke216 回复于 2016-10-20 18:13 回复

不知道，貌似应该不需要。

supperAlien 回复于 2016-12-26 18:17 回复

@魔鬼 yii\grid\CheckboxColumn 怎么定制呢

回复 0 0
supperAlien 回答于 2016-12-26 18:12 举报

yii\grid\CheckboxColumn 怎么定制呢@魔鬼

回复 0 0