easyui 隐藏和显示datagrid

2019独角兽企业重金招聘Python工程师标准>>>

easyui隐藏datagrid后，再让其显示，如果用display：block或者display的其他参数时会出现datagrid布局出错的问题，要解决此问题可以将datagrid放到panel内，对panel操作隐藏和显示。

<div id="panelID" class="easyui-panel" data-options="closed:true"><table class="easyui-datagrid" data-options="singleSelect:true,pagination:true,fit:true,striped:true,fitColumns:true"url=""
"><thead><tr><th data-options="field:'id',width:10">ID</th><th data-options="field:'name',width:10">NAME</th><th data-options="field:'sex',width:10">SEX</th></tr></thead></table>
</div>

可以通过data-options参数配置使panel默认隐藏，也可以用jquery使其默认隐藏，如下：

   $(function(){$("#panelID").panel("close");})

若要使datagrid显示，则使用如下代码：

$(function(){$("#panelID").panel("open");
})

转载于:https://my.oschina.net/jingyao/blog/777112

easyui 隐藏和显示datagrid相关推荐

easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColumn换成 ...
EasyUI的datagrid分页，动态隐藏或显示列
EasyUI的datagrid分页,动态隐藏或显示列业务需要,根据不用的查询条件,显示不同的列名 1 $("#chnMode").change(function(){ 2 if( ...
easyui 隐藏input_easyui datagrid 列显示和隐藏
//当查询IT基础设施的时候隐藏'STAFF_ID'.'ITSM_STAFF_ID' if($("input[name='currentstate']").val()==2){ $ ...
EasyUI之简单实现Datagrid分页（C#）
EasyUI之简单实现Datagrid分页(C#) 刚刚开始学着用EasyUI,有兴趣的TX可以去http://www.jeasyui.com/看一下,当然很多人都知道,不是什么新鲜的东西: 这两天在 ...
VUE做一个公共的提示组件，显示两秒自动隐藏，显示的值父组件传递给子组件
需求:VUE做一个公共的提示组件,显示两秒自动隐藏,显示的值由父组件动态传给子组件. 效果图: 实现步骤: 1.创建一个子组件 Toptips.vue (它就是公共提示组件), optips.vue代 ...
jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...
安卓超过两行就加省略号_CSS文本超出2行就隐藏并且显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行但是 ...
html css 隐藏和显示按钮
html 隐藏和显示按钮 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
android h5状态栏消息,安卓实现系统状态栏的隐藏和显示
尤其视频类APP,需要实现切换到横屏后,隐藏系统状态栏,全屏显示,以实现看更大画面的视频.当切换回竖屏后,又显示状态栏.那么如何实现呢? 网上流传着很多种做法.比如: 1.在AndroidManife ...

easyui 隐藏和显示datagrid

easyui 隐藏和显示datagrid相关推荐

最新文章

热门文章