效果图:
2 三级分类模板:
<volist name="list" id="vo1"> <tr class="d1ma" id="{$vo1['id']}" pid="{$vo1['pid']}" level="{$vo1['level']}" sort="{$vo1['sort']}"><!--一级--> <td> <div class="xcmc_ma"> <if condition="$vo1['son'] neq null"> <img class="jiajian jia"> <else/> <img class="jiajian jian"> </if> <input type="text" class="xcmc_txt" value="{$vo1['name']}" readonly="readonly"> </div> </td> <td> <div class="table_paixu"> <if condition="$i gt 1"><a href="javascript:;" class="paixu_up sort"></a></if> <if condition="$i lt count($list)"><a href="javascript:;" class="paixu_down sort" ></a></if> </div> </td> <td> {$vo1['create_time']} </td> <td> <div class="table_cz_ma"> <a href="javascript:;" class="tj_table" title="添加子分类"></a> <a href="javascript:;" class="xg_table" title="修改"></a> <a href="javascript:;" class="sc_table" title="删除"></a> <a href="javascript:;" class="save_table" title="保存"></a> </div> </td> </tr> <volist name="vo1['son']" id="vo2" key="j" > <tr class="d2ma" id="{$vo2['id']}" pid="{$vo2['pid']}" level="{$vo2['level']}" sort="{$vo2['sort']}" ><!--二级--> <td> <div class="xcmc_2j_ma"> <if condition="$vo2['son'] neq null"> <img class="jiajian jia"> <else/> <img class="jiajian jian"> </if> <input type="text" class="xcmc_txt" value="{$vo2['name']}" readonly="readonly"> </div> </td> <td> <div class="table_paixu"> <if condition="$j gt 1"><a href="javascript:;" class="paixu_up sort"></a></if> <if condition="$j lt count($vo1['son'],0)"><a href="javascript:;" class="paixu_down sort" ></a></if> </div> </td> <td> {$vo2['create_time']} </td> <td> <div class="table_cz_ma"> <a href="javascript:;" class="tj_table" title="添加子分类"></a> <a href="javascript:;" class="xg_table" title="修改"></a> <a href="javascript:;" class="sc_table" title="删除"></a> <a href="javascript:;" class="save_table" title="保存"></a> </div> </td> </tr> <volist name="vo2['son']" id="vo3" key="k"> <tr class="d3ma" id="{$vo3['id']}" pid="{$vo3['pid']}" level="{$vo3['level']}" sort="{$vo3['sort']}"><!---三级 --> <td> <div class="xcmc_3j_ma"> <input type="text" class="xcmc_txt" value="{$vo3['name']}" readonly="readonly"> </div> </td> <td> <div class="table_paixu"> <if condition="$k gt 1"><a href="javascript:;" class="paixu_up sort"></a></if> <if condition="$k lt count($vo2['son'])"><a href="javascript:;" class="paixu_down sort" ></a></if> </div> </td> <td> {$vo3['create_time']} </td> <td> <div class="table_cz_ma"> <a href="javascript:;" class="xg_table" title="修改"></a> <a href="javascript:;" class="sc_table" title="删除"></a> <a href="javascript:;" class="save_table" title="保存"></a> </div> </td> </tr> </volist> </volist> </volist>
3说明:
首先获取分类的3维数组(详细不做陈述),再套用分类的三级,其中,i,j,k为3级分类volist键,volist默认是i,但要控制三级分类必须写明,以免变量覆盖。volist运用比较标签,控制模板内容。