2018-07-16 07:33:19 2051次浏览 1条回答 0 悬赏 10 金钱

原来用Bootstrap的时候,可以直接使用\yii\bootstrap\ActiveForm中的一些现成的方法,比如

$form->textField()
$form->radioList()
$form->dropDownList

之类的,而且出来的页面效果跟预期的也基本一样。

现在,页面用WeUI组件,比如这个单选列表:
http://jqweui.com/components#form
页面的代码如下,这样的页面代码里面,还能使用ActiveForm了吗?
如果不能,这种情况要怎么写表单呢,表单的错误处理怎么能通过$.toptip('操作失败', 'error'); (http://jqweui.com/components#toptip)显示给用户呢,请大牛指教,提前拜谢。

<div class="weui-cells weui-cells_radio">
  <label class="weui-cell weui-check__label" for="x11">
    <div class="weui-cell__bd">
      <p>cell standard</p>
    </div>
    <div class="weui-cell__ft">
      <input type="radio" class="weui-check" name="radio1" id="x11">
      <span class="weui-icon-checked"></span>
    </div>
  </label>
  <label class="weui-cell weui-check__label" for="x12">

    <div class="weui-cell__bd">
      <p>cell standard</p>
    </div>
    <div class="weui-cell__ft">
      <input type="radio" name="radio1" class="weui-check" id="x12" checked="checked">
      <span class="weui-icon-checked"></span>
    </div>
  </label>
  <a href="javascript:void(0);" class="weui-cell weui-cell_link">
    <div class="weui-cell__bd">添加更多</div>
  </a>
</div>

页面效果:
weui-单选列表代码和效果.png

  • 回答于 2018-07-17 15:33 举报

    Yii最大的败笔就是封装前端功能,自定义、扩展差

    你要是实在想用的话则只能手动填写相关form input的options属性,其实这样一来还不如你复制这个代码块。

    3 条回复
    回复于 2018-07-19 13:36 回复

    3.0 已经将前端资源从主框架分离开了。

    回复于 2018-07-23 10:43 回复

    我不了解其他框架,目前只用过Yii1和Yii2,不知道其他框架是怎么处理这个问题的 是不是也都不管前端资源的事情,那么是不是也就没法实现类似ActiveForm所提供的那些自动化验证的方便功能

    回复于 2018-07-23 10:48 回复

    如果你用其它前端框架,那么需要你重写 ActiveForm 类来实现自动化验证。

您需要登录后才可以回答。登录 | 立即注册
Jason571
助理

Jason571

注册时间:2016-01-04
最后登录:2018-10-12
在线时长:6小时8分
  • 粉丝1
  • 金钱40
  • 威望0
  • 积分100

热门问题