easyui datagrid 显示隐藏

有两个easyui datagrid表格 ,需要开始隐藏A,显示B,点击按钮,显示A,隐藏B。

  1. 将datagrid 置于div内

这里写图片描述

将需要隐藏的table的style display设置为none,设置两个div的width,height,table用fit属性自适应。

2.点击事件显示隐藏div

$('#intraDepart_borrow_track').hide();
$('#intraDepart_return_track').show();
$('#intra_return_track_table').datagrid('resize');

div显示,同时还要执行$(’#intra_return_track_table’).datagrid(‘resize’);
不然table无法显示,呈一条线。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章