ACE框架中如何使多选框在行内显示


关键词

ACE 多选框 CheckBox 行内

摘要

本文介绍在ACE中使多选框在行内显示,ACE的多选框样式美观,更适合使用。

我们知道,一个普通的html的checkbox框,写法如下:

<label><input type="checkbox" name="c1" value="1" /> 选项文字</label>

这种样式,在当下分辨率的电脑或手机上显示的时候,显得太小了。尤其是手机上,选中比较困难。

ACE提供一种多选框的样式。在行内使用时,方法如下:


<label class="inline">
<input type="checkbox" class="ace" name="g_guige[]" value="{$vo['g_id']}" />
<span class="lbl"> {$vo['g_name']} </span>
</label>

如果是循环输出多个选项,可以在这段代码的外围加上<volist>进行循环。如:

<volist name="listGroup" id="vo">
<label class="inline">
<input type="checkbox" class="ace" name="g_guige[]" value="{$vo['g_id']}" />
<span class="lbl"> {$vo['g_name']} </span>
</label>
</volist>

关于ACE框架中如何使多选框在行内显示,本文就介绍这么多,希望对您有所帮助!

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:ACE框架中如何使多选框在行内显示:http://www.splaybow.com/post/ace-checkbox-inline-2661.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« 用户体验!UI设计的30条黄金准则