0 0

easyui datagrid丢进DIV出现问题0

最近公司项目需要使用easyui datagrid  就下载个DEMO研究了下  改造了下
符合要求了 但是再引入项目中  放入一个隐藏的DIV 当点击一个按钮显示的时候  但是datagrid的内容却不显示了  百度找了些解决方案  说是放入的DIV 引入 样式  class="easyui-panl" 然后隐藏不用hide 而是close="true"
注:{class="easyui-panl"} 按回忆些的 好像是这样在项目中
也套用试过了 还是出现这类的问题  

大概的格式如下:
//隐藏DIV
<div id="sreachDiv" style="display:none">
    <form id="addCheckForm">//form作验证 每行添加验证
      <table id="tt"></table>//datagrid 表格
    </form>   
</div>

隐藏了点击按钮显示的时候 只显示easyui  按钮 就是text设置的 
然后下面的表格内容都没有了 数据不是从后台获取 直接写的cloumns
望得到各位大神的帮忙
2012年7月15日 19:30
目前还没有答案

相关推荐

    EasyUI DataGrid过滤用法实例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...

    easyui datagrid 表格 打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,其中包括DataGrid,一个功能强大的数据网格组件。DataGrid适用于展示大量结构化的数据,并支持多种操作,如排序、筛选、分页等。本篇文章将...

    easyui DataGrid动态编辑

    在本文中,我们将深入探讨EasyUI的DataGrid组件如何实现动态编辑功能。EasyUI是一个基于jQuery的前端框架,它提供了一系列轻量级、易于使用的UI组件,DataGrid就是其中之一,常用于展示和管理表格数据。 DataGrid是...

    EasyUI DataGrid及Pagination(源码)

    在实现EasyUI的DataGrid和Pagination时,首先需要在HTML中定义一个div元素作为DataGrid的容器,并设置相应的属性,如id、width和height等。接着,在JavaScript中创建DataGrid对象,指定数据源、列定义和分页配置。...

    easy ui datagrid项目完整源代码

    &lt;table id="datagrid" class="easyui-datagrid" title="数据表格" style="width:100%;height:250px" toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true" url="get_data.json" method=...

    jquery easyui datagrid demo 详解

    在创建 Datagrid 时,我们需要指定一个容器(如 `div` 元素)并设置相应的属性,例如: ```html &lt;table id="datagrid" class="easyui-datagrid"&gt; ``` 然后通过 JavaScript 来初始化 Datagrid,如下所示: ```...

    easyui-datagrid2-demo.zip

    Datagrid 通常包含在 `&lt;div&gt;` 元素中,通过 `class="datagrid"` 指定。此外,可能还会有一些自定义的样式和配置属性。 2. **Datagrid 配置**: - Datagrid 可以通过 JavaScript 配置项进行定制,如列定义(columns...

    在jquery easyui中的datagrid中添加searchbox!

    在jQuery EasyUI中,`datagrid`是一个非常常用的组件,它用于展示数据表格,具有丰富的功能和良好的用户体验。而`searchbox`则是为了增强`datagrid`的搜索功能,让用户能够更方便地查找表格中的特定数据。在标题和...

    easyUI的dataGrid重画

    在本文中,我们将深入探讨如何在EasyUI框架中实现`dataGrid`的重画功能,特别是在自定义搜索框和调整默认按钮大小方面。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括`dataGrid`,它是一个强大的数据展示...

    easyui-datagrid&&easyui-tree实例

    1. **初始化Tree**: 与datagrid类似,创建一个div元素并绑定到EasyUI tree。 ```html &lt;ul id="tree"&gt;&lt;/ul&gt; ``` 2. **数据源转换**: ASP.NET端需要将数据库中的数据转换为适合tree的数据格式,通常是JSON数组。 ``...

    jQuery EasyUI datagrid实现本地分页的方法

    4. 在JavaScript代码中,首先获取到DIV元素,然后初始化EasyUI datagrid组件。在初始化时,使用数组的slice方法截取数据源的一部分作为初始加载的数据。slice方法用于提取数组的一部分并返回一个新数组,这里用它来...

    让easyui datagrid-detailview. +号图标 定义在其他列的后面

    `datagrid-detailview`是EasyUI中的一个功能,它允许在一个数据行内显示更详细的信息,通常这个加号图标会出现在第一列。 首先,我们需要了解`datagrid-detailview`的基本用法。在默认情况下,`datagrid`的详细视图...

    简介EasyUI datagrid editor combogrid搜索框的实现

    在本文中,我们将深入探讨如何在EasyUI框架中实现datagrid editor中的combogrid搜索框。EasyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的组件,如datagrid、combogrid等,用于构建简洁且功能强大的Web应用...

    easyui datagrid 表格中操作栏 按钮图标不显示的解决方法

    在使用jQuery EasyUI框架开发Web应用时,可能会遇到在datagrid表格中操作栏的按钮图标不显示的问题。这通常是由于EasyUI的自动渲染机制未能正确处理动态添加或Ajax加载的控件所导致的。为了解决这个问题,我们可以...

    jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果

    在本文中,我们将探讨如何使用jQuery Easyui的Datagrid组件实现单行的上移和下移功能,并且在操作后保存这些移动的结果。jQuery Easyui Datagrid是一个强大的数据展示工具,它提供了丰富的交互性和自定义选项,使得...

    JQUERY-EASYUI添加搜索框

    在本文中,我们将深入探讨如何使用JQuery EasyUI与jQuery SearchBox插件在DataGrid中添加搜索功能。JQuery EasyUI是一个基于JQuery的轻量级框架,它提供了一组丰富的用户界面组件,如DataGrid、Dialog、Form等,极大...

    JQuery Easy-UI DataGrid性能调优

    - **代码示例**:将原始代码中的`"&gt;table&gt;tbody&gt;tr.datagrid-row:has(div.datagrid-cell-checkinput:checked)"`替换为`"&gt;table&gt;tbody&gt;tr.datagrid-row&gt;td&gt;div.datagrid-cell-check&gt;input:checked"`,并使用`.parent...

    使用easyui表格数据动态生成饼图

    "使用easyui表格数据动态生成饼图"的主题涉及到前端开发中的几个关键点:EasyUI框架、数据处理以及JavaScript图表库ECharts。下面我们将深入探讨这些知识点。 首先,EasyUI是一个基于jQuery的UI库,它提供了一系列...

Global site tag (gtag.js) - Google Analytics