用户
 找回密码
 入住 CI 中国社区
搜索
查看: 3459|回复: 2
收起左侧

[辅助方法 Helper] 0.1.0 bootstrap

[复制链接]
发表于 2013-4-4 10:30:39 | 显示全部楼层 |阅读模式
本帖最后由 Altair 于 2013-4-13 08:52 编辑

想做一个CodeIgniter版本的bootstrap,初步思路是把boostrap写成helper。在github上看了一下,没有自己想要的。我认为php应该专注于数据于的处理,而把数据的表现和交互继续交给JS.所以我写的helper只拥有每个boostrap插件最基本的和数据处理的有关的功能,以便于和数据库操作等在服务器端交互。抛砖引玉,先发一个boostrap的Collapse插件的helper,请多多指教。demo可以看这里。collapse手风琴插件演示(CI版)
PHP复制代码
 
/**
 * Collapse
 *
 * 用以对元素进行展开和收起的功能
 *
 * @access        public
 * @param        array        accordion_group组成的数组,每个accordion_group应包括id,heading,inner三项。
 * @param        string  指定每个accordion_group的parent的id值
 * @return        string        返回collapse
 */

if ( ! function_exists('collapse'))
{
        function collapse($accordion_groups=NULL,$parent=NULL)
        {
                if($accordion_groups===NULL OR $parent===NULL) return;
                $collapse="<div class=\"accordion\" id=\"{$parent}\">";
                foreach($accordion_groups as $accordion_group)
                {
                        $collapse.= "
                                <div class=\"accordion-group\">
                                        <div class=\"accordion-heading\">
                                                <a class=\"accordion-toggle\" data-toggle=\"collapse\" data-parent=\"#{$parent}\" href=\"#{$accordion_group['id']}\">
                                                {$accordion_group['heading']}
                                                </a>
                                        </div>
                                        <div id=\"{$accordion_group['id']}\" class=\"accordion-body collapse\">
                                                <div class=\"accordion-inner\">
                                                {$accordion_group['inner']}
                                                </div>
                                        </div>
                                </div>"
;
                }
                $collapse.="</div>";
                return $collapse;
        }
}
 
// ------------------------------------------------------------------------
 
 
复制代码

评分

参与人数 1威望 +5 收起 理由
Hex + 5 很给力!

查看全部评分

发表于 2013-4-9 04:55:27 | 显示全部楼层
支持楼主, YII 都有 Bootstrap 版的了
 楼主| 发表于 2013-4-9 10:03:48 | 显示全部楼层
juwell 发表于 2013-4-9 04:55
支持楼主, YII 都有 Bootstrap 版的了

谢谢支持,请多多指教

本版积分规则