网 站后台开发表格实现顶级分类和子分类的展开与折叠

发布时间:2018-11-12 21:49:42 来源:腾巢网络

本 文讲述在我们网站后台项目开发过程中,采用jQuery+Thinkphp实 现在表格里的顶级分类和子分类进行展开与折叠。

jQuery代码

<script type="text/javascript">
    function tree(obj,id){
         var name = $(obj).attr('class');
         if(name == 'fa fa-plus-square')
         {
             $(".parent_id_"+id).show();
             $(obj).attr('class','fa fa-minus-square');
         }else{
             $(obj).attr('class','fa fa-plus-square'); 
$(".parent_id_"+id).hide();         
         } 
    }
  </script>

HTML代码

{volist name="list" id="column" }{if condition="$column['column_p_id'] eq 0"}<tr  class="parent_id_{$column.column_p_id}" data-id="{$column.column_id}" data-level="{$column.lv}">
{else /}<tr  style="display:none;"  class="parent_id_{$column.column_p_id}" data-id="{$column.column_id}" data-level="{$column.lv}">{/if}
                    <td>{$column.column_id}</td>
                    <td><input type="text" class="form-control input-sm" value="{$column.column_sequence}"></td>
                    <td><i class="fa fa-plus-square" onclick="tree(this,1);"></i>{$column['lv']|str_repeat="      ",###}|-{$column.column_name}</td>
                    <td>{$column.column_url}</td>
                    <td>{$column.column_nav==1 ? '是' : '否'}</td>
                    <td>{switch name="column.column_belonged"} {case value="0"}文章{/case} {case value="1"}商品{/case} {case value="2"}案例{/case} {case value="3"}专栏{/case} {default /}default {/switch}</td>
                    <td><a class="btn btn-success btn-xs">预览</a> <a href=/a/"/system/column/edit/id/{$column.column_id}" class="btn btn-warning btn-xs">编辑</a> <a href="javascript_void/index.html(0);" data-id="{$column.column_id}" class="btn btn-danger btn-xs del">删除</a></td>
                  </tr>
  {/volist}



最新资讯

  1. 移动互联网建站:遵 义做网站建设那家公司好
  2. 贵 州腾巢网络成功入驻熊掌号,再 现移动互联时代新域名
  3. 贵 阳旅游网站建设及技术开发解决方案
  4. 贵 阳企业营销型网站建设重点在于效果而不是价格高低
  5. 遵义企业开发小程序,助 企业快速进入新移动互联网时代
  6. 新 移动时代的制胜法宝——百度智能小程序
  7. 贵阳网站建设,附:网站建设明细报价表
  8. 贵州遵 义做网站建设那家公司好?
  9. 为留住Safari默认搜索引擎“宝座”,谷歌将向苹果支付90亿美元
  10. 小程序的未来如何?是否新商机?
  11. 腾 巢绥阳本土网络公司,提 供网站建设及小程序开发服务
  12. 腾 巢网络自主开发微信小程序正式上线投入运营
友情链接:    3d和值走势图   中国体育彩票网 - 体彩中心   3d试机号麦久网   中彩网首页   麦久3d试机号