easyui datagrid height width =0的问题

对于一个页面中应用了datagrid的table控件来说,如在页面打开时为隐藏,在页面的应用中再动态显示,这样,显示出来的table数据则会隐藏不可见,table的标题,工具栏,分页栏则会压缩在一起,而需要显示的数据却未能正常显示出来.

也就是宽度或高度为0;

解决办法是:

1、div加 easyui-panel,必须是隐藏的外层div也就是说div只能有一个class属性,如果不行自己在外面多加几个div,达到效果;

示例:

<div id="con_zzjs_1" class="easyui-panel">

<table  id="table1">

</div>

这里table是一个datagrid;

动态隐藏或显示

if (i == cursel) {
addItemsByOnclickDrpOwner();
$("#ccon_zzjs_1“).panel(‘open‘);
} else {
$("#ccon_zzjs_1").panel(‘close‘);
}

这里用到了panel的open、close属性。

时间: 2024-11-05 20:44:44

easyui datagrid height width =0的问题的相关文章

把旧系统迁移到.Net Core 2.0 日记(8) - EASYUI datagrid

迁移也没太大变化,有一个, 之前的Request.QueryString 是返回NameValueCollection, 现在则是返回整个字符串. 你要改成Request.Query[“key”] 直接上代码吧. 1 @using FoxCRMCore 2 @{ 3 var controller = "CRM/Announcement"; 4 ViewBag.Title = "公告信息"; 5 } 6 7 8 <script type="text/j

OpenCV报错size.width&gt;0 &amp;&amp; size.height&gt;0 in function

(1)错误代码 import cv2 as cv src = cv.imread("D:\images\我喜欢的发型\07.PNG") cv.namedWindow("Hello", cv.WINDOW_AUTOSIZE) cv.imshow("Hello", src) cv.waitKey(0) cv.destoryAllWindows() (2)错误描述 D:\DevKits\Anaconda3\python.exe D:/workspace

line 352 Error: Assertion failed (size.width&gt;0 &amp;&amp; size.height&gt;0) in cv::imshow

OpenCV 使用 createtrackerbar()报错问题 Error Error: Assertion failed (size.width>0 && size.height>0) in cv::imshow, file c:\build\master_winpack-build-win64-vc15\opencv\modules\highgui\src\window.cpp, line 352 原因 先上图把 这个问题困扰我几个小时,其实是因为多次imshow一张图造

JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据.此处,我们使用Struts2框架整合DataGrid,实现数据的显示. 一.页面内容 为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF

easyui datagrid 批量编辑和提交

前台主要代码: <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700, height : 250, columns : [ [ { field : 'code', title : 'Code', width : 100, editor : "vali

转easyui datagrid 前台分页的实现

easyui datagrid 前台分页的实现java采用的版本 来源:本站原创 js知识 超过5,090人围观 暂无评论 使用easyui分页,有后台服务器端实现和前台浏览器端实现.服务器端实现按规定的格式返回数据就可以了,前台实现需要写js来实现. 代码如下: 关键代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 function pagerFilter(data){      

easyui datagrid属性和方法

本文可以当做api来使用 使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'code'">Code</th> <th data-options="field:'name'">Name&

easyui datagrid 导出excel

本片文章是介绍如何用ajax的方式将easyui中的datagrid数据导出到excel中. 声明:该代码是在参考前人的代码写出来的,并非我原创,我只是新增了些功能. 新增部分: 1. 对于列是枚举列的可以设置枚举值,导出时会自动替换列中的枚举值,详细见用例代码. 2. 新增导出时不导出首列或末列指定个数的列,详细接用例代码. 下面是插件源码: /** Jquery easyui datagrid js导出excel 修改自extgrid导出excel * allows for download

EasyUI datagrid 动态绑定列

查了很多资料,有点乱 首先声明一下这里必须要用easyui1.3.1 不多说直接上代码: 首先打开jquery.easyui.min.js,查找_53b() 找到下面的代码 function _53b(){ var _53c=opts.loader.call(_538,_53a,function(data){ setTimeout(function(){ $(_538).datagrid("loaded"); },0); _4b1(_538,data); setTimeout(func