FastAdmin后台模板页面控制元素的显示隐藏

FastAdmin后台模板页面,包括首页、添加、编辑和其它的自定义页面,如果要控制一个元素的显示隐藏,有多种方式。

  1. 通过JS来控制,比如jQuery。
$(function(){
 $("#some_id").hide();
 //$("#some_id").show();
})
  1. 赋值变量,模板中加判断

后台控制器:

$this->assign('type', 2);

模板页:

{if $type == 2}
<div class="form-group">
</div>
{/if}
  1. 使用标签性情data-favisible

JS文件

$(".nav-tabs a").click(function(){
   type = $(this).attr('data-type');
   table.bootstrapTable('refresh', {url:$.fn.bootstrapTable.defaults.extend.index_url+'&type='+$(this).attr('data-type')});
  })

模板页

<div class="form-group" data-favisible="type=2">
</div>

效果等价于上面的。

Leave a Comment

豫ICP备19001387号-1