在slickgrid中重新加载数据
在SlickGrid中重新加载数据是指在网格控件中更新数据源并重新渲染网格以显示最新数据的操作。SlickGrid是一个高度可定制的、快速且功能丰富的JavaScript网格控件，常用于展示大量数据并支持各种交互操作。
重新加载数据的步骤如下：
- 更新数据源：首先，需要更新数据源，可以通过从后端获取最新数据或者通过其他方式更新数据源。这可以涉及到前端发起异步请求或者调用后端API来获取数据。
- 清空网格：在重新加载数据之前，需要清空网格中的旧数据。可以通过调用SlickGrid提供的
grid.setData([])方法来清空网格数据。 - 设置新数据：将获取到的最新数据设置到网格中，可以通过调用SlickGrid提供的
grid.setData(newData)方法来设置新数据。 - 重新渲染网格：在设置新数据后，需要重新渲染网格以显示最新数据。可以通过调用SlickGrid提供的
grid.render()方法来重新渲染网格。
重新加载数据的优势是可以实时更新网格中的数据，使用户能够及时获取最新信息。这在需要实时监控数据或者需要频繁更新数据的场景下非常有用。
在云计算领域，可以使用腾讯云的云数据库MySQL来存储和管理数据。云数据库MySQL是一种高性能、可扩展的关系型数据库服务，提供了稳定可靠的数据存储和访问能力。通过使用云数据库MySQL，可以方便地存储和管理SlickGrid中的数据。
推荐的腾讯云相关产品：云数据库MySQL
产品介绍链接地址：https://cloud.tencent.com/product/cdb
相关·内容
5回答
我正在尝试将与一起使用，我希望SlickGrid占据其父窗格的100%高度。
问题是，当SlickGrid被实例化时，它没有行(我的ajax接口的一部分稍后加载到数据中，而不是在页面加载时)，所以默认情况下高度设置为1px (加上标题的高度)。当我稍后加载数据时，我看不到任何行。
我尝试将SlickGrid DOM元素设置为height: 100%;，但没有任何效果。如何强制SlickGrid画布占据它所在窗格的100%高度，即使它的数据行较少？
浏览 2提问于2011-05-07得票数 13
回答已采纳
我在slickgrid中使用bootstrap日历。当日历弹出窗口打开并使用Alt+tab或scope out of slickgrid时，日历就会卡住。我必须重新加载应用程序来摆脱日历弹出窗口。我想在用户作用域离开slickgrid时立即关闭日历弹出窗口。请建议做这件事的方法。
浏览 16提问于2020-09-21得票数 0
使用goldenlayout，并且我在容器中加载了一个slickgrid (正如教程中概述的那样)。
我有一个计时器，它会发出新的数据。
我想知道如何使用新数据更新slickgrid中的数据。
问题1) -如何在容器内创建div并为其命名问题2) -如何刷新容器中的内容问题3) -如何刷新容器
我想我需要在这个问题中有更多的细节来满足质量标准。
我可以在创建时创建并加载网格，根据示例，现在我需要重新加载并显示来自web服务的新数据。
浏览 15提问于2018-02-28得票数 0
我需要将> 10k行数据加载到中
我相信SlickGrid正是为这种用途而设计的，它基于以下官方示例(加载50万个客户端行)：。
由于我不能违反RavenDBs的“安全第一”规则，该规则规定每次会话查询返回的行数少于1024行，因此我使用了RavenDB的跳取机制，该机制允许web客户端以每一个http请求256行的比特大小块从服务器收集所有10K行。
我的问题是:在从服务器返回这些行时，向SlickGrid提供这些行的最佳方法是什么？SlickGrid是否主动支持像这样的分块数据子集的异步加载？
我正在寻找：
允许我发出下一个服务器请求的SlickGrid回调。
一种将结果行一
浏览 6提问于2012-09-30得票数 1
回答已采纳
有没有人可以告诉我，是否可以批量更改slickgrid中分组行的单元格的值？之前使用的是Silverlight，这是可能的。谢谢。
我对造成的混乱深表歉意。屏幕截图显示了我们在silverlight中的旧数据网格形状。因此，问题是slickgrid中是否有组控件允许您更改从属/分组行中该列的单元格的值。
浏览 14提问于2021-05-31得票数 0
我试图一次显示超过10万行的数据。Slickgrid看起来是一个潜在的候选者。但是，我的工具已经是用ExtJS编写的，只是想用slickgrid替换ExtJS中的网格面板(使用jsonStore加载)。我试图更改代码，并试图在web上搜索嵌入到Extjs中的Slickgrid的一些示例，但没有成功。有没有人有什么想法或者示例代码可以让我试试？任何帮助都是非常感谢的！谢谢。
浏览 0提问于2012-03-16得票数 0
2回答
我有一个关于Slickgrid的问题。
在一个网站上，我有一个很大的桌子，我希望它被渲染与光滑网格。
无法通过JS加载数据。
所以我的问题是，是否有可能将HTML-Table的数据作为slickgrid的源？
如果是，我该如何解决这个问题呢？
浏览 4提问于2012-10-23得票数 1
1回答
我有两个主要选项卡，名为A和B。在A下，我还有三个选项卡，每个选项卡都有slickgrid。在B选项卡下，我还有两个选项卡，每个选项卡都带有slickgrid。
在下面的场景中，A的光滑网格的所有列都缩小了，并保持左边：
数据正在A的子选项卡中加载
用户切换到B
加载数据后，用户返回到A
在这种收缩状态下，每一列的大小约为10 of，并造成了许多问题。我怎么才能解决这个问题？
浏览 3提问于2013-10-25得票数 1
延迟加载功能在SlickGrid中非常酷--但是有没有人对未来页面的后台加载有经验呢？
因此，这意味着当用户到达网格中尚未加载数据的点时，不会缓冲/加载数据-因此加快了用户体验。
浏览 1提问于2010-07-02得票数 2
回答已采纳
我试图在CakePHP项目的编辑页面上实现SlickGrid，当页面加载时，我在javascript控制台中得到以下错误：
slick.grid.js:2173TypeError:'Slick.Editors.Text is not a constructor' (evaluating 'new (editor || getEditor(activeRow, activeCell))')
数据正确地呈现在我页面的网格中，但当我单击一个单元格进行编辑时，它就变成了白色，并且我不能键入任何内容。如果我单击另一个单元格，该单元格将变为白色，而第一个单元格将保持白色。
浏览 3提问于2012-06-05得票数 0
回答已采纳
1回答
我期待着将我的Slickgrid连接到任何AWS数据库。在做了大量的谷歌搜索后，我没有找到太多，所以我决定问一下。
做起来简单吗？如果是这样，我该如何按照Slickgrid的示例3来做呢？例如，从数据库加载数据，然后使用“保存”按钮(或onCellChange)将数据保存回数据库。
也许我应该考虑亚马逊数据库的替代方案。如果是这样，你会推荐什么，以及如何将网格连接到数据库。
谢谢!
浏览 0提问于2013-03-21得票数 0
我使用的是平滑网格2.0，我想要防止一些列的拖放，并防止这些列的列重新排序(固定的列位置)。
通过将列名传递给setupColumnReorder()函数，我可以在Slickgrid.js中稍微修改一下就可以做到这一点。但是，除了像Slickgrid.js这样修改核心文件之外，还有其他方法可以做到这一点吗？
浏览 3提问于2013-12-03得票数 0
我正在使用Angular SLickgrid，并希望显示所有行的所有复选框&以及默认选中的标题行复选框(当网格加载时)。我可以通过使用this.angularGrid.gridService.setSelectedRows(this.allDataId)部分实现，但我在控制台中遇到错误，并且所有数据行都不可见。我不能使用preset，因为我想显示所有选中的行&直到时间角度网格加载，我没有所有的行I。下面是我得到的错误。在将数据传递给setSelectedRows()之前，我添加了空检查，但没有任何用处。
TypeError: Cannot read property '
浏览 9提问于2021-02-12得票数 0
我是AngularJS的新手，到目前为止我很喜欢它。
我读到将外部库包装到目录中是一件合乎礼仪的事情，我理解为什么这样做是有意义的。
在我努力创建一个“slickgrid”指令的过程中，我在网络上几乎找不到什么信息。这里的这个问题提供了一个slickgrid作为指令的示例：
但这是正确的做法吗？按照这个人的方式，每个<div slickgrid>都会使用相同的设置和数据进行初始化。
在我的应用程序中，我需要许多slickgrid实例，每个实例的列都不同，当然，数据也不同。
那么，我应该如何将特定的<div slickgrid>链接到应该显示的数据呢？
非常感谢您抽出时间
浏览 0提问于2014-03-08得票数 2
我有一个SlickGrid的数据视图工作得很好，网格和数据视图是同步的修改和删除选择使用syncGridSelection，但一个有趣的问题发生在更改的SlickGrid样式。当我选择一个不包括实际更改行的过滤器集时，已更改的行CSS stlye将应用于网格中相同的“可见”行号。排序工作正常，但我注意到筛选器不工作。有人有解决这个问题的办法吗？你能为我粘贴尽可能多的信息和代码吗，因为我是SlickGrid的新手。我粘贴了加载网格的代码。
function LoadGridData() {
$.getJSON('@Url.Action("GetConfig
浏览 1提问于2014-10-14得票数 0
我能够创建knockout模型，并使用自定义绑定加载slikgrid。我在JSFIddle中使用了这个例子：
但是我不能给列添加排序。根据slickgrid文档，我必须将sortable: true添加到列中。我做到了。
此外，文档()指出，排序应该通过“侦听onSort方法”来实现：
slickgrid.onSort.subscribe(function(e, args){ // args: sort information.
var field = args.sortCol.field;
rows.sort(function(a, b){
浏览 1提问于2013-11-14得票数 1
我正在使用Angular Slickgrid在选项卡(多个选项卡)中显示数据。我正在从服务中获取数据，但是表中没有显示任何数据。很少有选项卡显示数据，但不显示表标题 代码如下： Parent File
<div class="tab-pane fade" id="h2">
<div class="row">
<article class="col-sm-12">
<sa-users-list [id]="gridUse
浏览 20提问于2019-06-13得票数 0
我看过下面这篇关于使用SlickGrid和PHP在MySQL中检索和保存数据的帖子：
不幸的是，我对PHP和SlickGrid都是新手。我非常不确定要把PHP代码放在哪里才能访问MySQL。As无法将其放入包含我的SlickGrid实现的index.html文件中，因为它不会被我的服务器解析，因为它不是.php文件。
浏览 0提问于2012-04-16得票数 0
1回答
我是新来的webpack。
我的项目加载PNG文件失败，一些SlickGrid插件使用url()函数加载PNG文件，如下所示。
但是我在我的浏览器控制台上得到了以下错误，
这是我的webpack档案，
/* eslint-env node */
module.exports = {
context: __dirname + '/xyz/static',
entry: {
reactComponents: './bundle/components.js',
history: './js/history/index.
浏览 17提问于2017-06-28得票数 0
回答已采纳
我正在尝试使用javascript在我的页面上添加一行到平滑的网格中。我现在能够做到的方法是使用下面的代码。我只是想知道有没有更好的方法来做同样的事情。
....
//data is the array which was used to populate the SlickGrid
data.push({name:'Finish scanning the slickgrid js', complete:false});
grid.setData(data);
grid.render();
....
浏览 0提问于2010-06-22得票数 13
回答已采纳
有没有一个用Twitter Bootstrap (表)和Backbone.js构建的简单的模块化网格，可以提供ajax加载、排序、分页和内联编辑等功能？
到目前为止，我找到了一些解决方案，但没有一个能满足这个要求：- -> Twitter Bootstrap & jQuery DataTables。我不喜欢这样，因为所有的网格逻辑(ui /模型)都已经实现到一个大的、紧密耦合的文件(jquery.dataTables.js)中-- -> SlickGrid (jQuery支持的数据网格)& Backbone。我也不喜欢这样，因为首先，它使用了一个抽象层来与主干(
浏览 0提问于2012-06-11得票数 7
我正在使用jquery ajax进行web api调用，为slickgrid加载数据。我正在使用slick.pager.js。我只想在pageclick事件上加载数据。例如，当网格第一次加载时，我想调用25个项目。然后，当用户点击第2页时，我想调用接下来的25项。如何在页面单击事件上进行jquery ajax调用？
浏览 2提问于2016-10-10得票数 0
我在jQuery中使用ajax，在‘success’回调中，我能够获得JSON类型的数据，我想使用slickgrid显示它，当我在slickgrid构造函数中传递数据数组时，我能够在网格中显示它，但是当我使用DataView时，我无法在网格中显示它，尽管网格中显示了数据，但是网格中没有填充数据。任何帮助都会非常感谢。谢谢。
浏览 1提问于2014-04-02得票数 0
回答已采纳
在SlickGrid中选择单元格时，如何将类应用于其列标题？
如果您查看Excel或Google文档，两者都会对标头单元格应用效果，以直观地指示选择了哪个单元格。我想将这个效果添加到SlickGrid中，但我不确定如何添加。
浏览 2提问于2015-02-27得票数 1
回答已采纳
2回答
SlickGrid是否能够(以某种方式)完全支持浏览器的查找功能？例如，如果用户加载100,000行数据，然后按Ctrl+F，他们能找到可查看区域之外的结果吗？
在我看来，通过使用SlickGrid示例，SlickGrid似乎不支持这一点。加载此页面后，尝试搜索“Task491”(最后一行之一)：
这种限制背后的机制很容易理解，但我一直无法找到解决办法。我是否应该认为这是一项失败的事业？
浏览 3提问于2014-12-29得票数 0
回答已采纳
在angular slickgrid中，按列排序asc/desc效果很好。但是删除按列标题排序菜单不能正常工作。当我移除排序时，应将数据集重置为初始加载的数据视图。但它保持了最后的排序顺序。当我清除所有按网格排序菜单时，它工作得很好。在这里我分享了我的问题案例作为gif文件，任何人请帮助我解决这个问题。 ?
浏览 24提问于2020-06-21得票数 0
回答已采纳
我在我的应用程序中使用slickgrid，但最近我在slickgrid中遇到了一些bug和奇怪的行为(特别是与分组相关的)。有很多公共和私有存储库，不确定哪一个是好的。
我在考虑用肯德包。但请记住以下问题- 1)当UI有大量数据时，kendoui能否提供比slickgrid更好的性能? 2) kendoui网格是否具有与slickgrid相同的功能？主要是excel样式的功能，比如当您将鼠标拖到行上时自动填充列的值。
提前谢谢。
浏览 0提问于2015-08-14得票数 1
我正在使用基于示例的SlickGrid和knockout.js
我有网格填充和添加按钮根据示例工作。我遇到的问题是，当我通过ko.dependentObservable更新视图模型的行属性时，ko.bindingHandlers的“update”部分被触发，但slick网格不能获取更改。
定义绑定的html：
<div id="grid" data-bind="slickGrid: { data: rows, columns: columns }"></div>
SlickGrid代码(与示例相同)：
var grid;
ko.bindi
浏览 0提问于2011-10-12得票数 6
1回答
我在Visual 2013中使用类型记录AMD和Requirejs，我想在我的类型记录类中使用一个非模块脚本。我怎样才能做到这一点：
define(["require", "exports", 'slickgrid'], function(require, exports, slickgrid){
...
});
我不能使用以下语法：
import slickgrid = require('slickgrid');
export class myClass {
...
}
当我这样做的时候，我得到了两个错误
Una
浏览 1提问于2014-06-28得票数 0
回答已采纳
节点v12.20.2
npm v6.14.11
在node.js示例中，对于并没有太多的阻碍。
编辑：
使用下面的操作，我设法让灵活的网格加载没有错误，但没有网格和列名，然后是数据，只是垂直枚举像一个列表。
$ npm install slickgrid
$ npm install jquery
$ npm install jquery-ui-dist
然后，我必须将jquery.event.drag-2.3.0.js从的lib目录复制到我的项目文件夹。
<!DOCTYPE html>
<html>
<head>
<meta c
浏览 4提问于2021-02-18得票数 0
在slickgrid中可以有一个隐藏的列吗？通过隐藏列，我的意思是我想为每一行保存一些数据，但我不希望这些数据显示在网格上。
浏览 0提问于2012-06-25得票数 7
回答已采纳
我想让slickgrid根据最宽的内容或标题文本自动调整列的大小--以宽的为准。简而言之，我希望它在调整列大小时模拟常规HTML表的默认行为。我怎样才能在slickgrid中做到这一点？
浏览 0提问于2011-07-23得票数 45
2回答
问题：
我正在使用jqGrid显示一个表。
但是，在Internet Explorer9和8中，如果必须显示超过20行，性能就不会很好……
我已经尝试过SlickGrid了，它在be浏览器中的性能对我来说似乎要好得多。
我唯一不能切换到SlickGrid的问题是，现在使用SlickGrid，你不能正确地从SlickGrid复制粘贴一系列单元格到excel。
复制-粘贴将单元格转置，这样列就是行，行就是列(好的，我知道你可以在excel中转置回来，但我不是一般的最终用户。此外，不得不这样做是令人恼火的)。
在jqGrid中，这是完美无瑕的。
请注意，我明确地不希望将数据输出为CSV/XLS/XL
浏览 2提问于2012-08-27得票数 1
1回答
我正在使用Slickgrid，我希望在不同的选项卡中创建多个网格，但是我有以下错误：
我的脚本
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<l
浏览 2提问于2017-12-12得票数 0
我在我的angular应用程序中使用Angular-Slickgrid。网格工作得很好，但我遇到了Headermenu的问题。当我运行应用程序时，在鼠标悬停时无法在任何标题中看到Headermenu图标。
我正在使用下面的网格选项：
this.gridOptions = {
enableAutoResize: true,
enableCellNavigation: true,
autoEdit: false,
enableRowSelection: true,
rowHeight: 30,
editable: true,
enableGrouping: t
浏览 17提问于2019-11-27得票数 0
4回答
我正在尝试让AJAX与SlickGrid协同工作。。
另外，我不认为缓存在这个例子中是有效的。由于Digg的速率限制，很难真正感受到它是如何工作的。如何将SlickGrid设置为使用分页从数据库中获取数据。
浏览 7提问于2011-07-13得票数 16
我使用了SlickGrid的分页版本和CheckboxSelection-Plugin。不幸的是，当用户离开当前网格页面时，行选择就会丢失，并且在再次访问该页面时也不会恢复。这种行为也可以用重现。(单击网格页脚中的小灯泡图标以打开分页)
关于这一点，我已经通知了SlickGrid的作者，但他并不认为这是一个错误，因为SlickGrid更像是一个网格框架，而不是一个添加数据的解决方案。
有没有人知道如何在SlickGrid中实现可靠的选择持久性，既适用于分页网格，也适用于非分页网格？
浏览 0提问于2011-07-20得票数 3
我在slickgrid中的行主要使用箭头键选择(突出显示)，但允许鼠标选择。我在slickgrid外面有一个按钮，当按下这个按钮时，就会得到slickgrid中突出显示(选中)的行。在进行选择(突出显示)之后，slickgrid中不会发生任何事件(例如grid.onClick、grid.onKeyDown等)，因此我不知道如何找到突出显示(选中)的行，特别是在单击按钮时。可以将事件以编程方式生成到slickgrid中以实现此目的吗？任何帮助都将不胜感激。
浏览 4提问于2021-12-03得票数 0
我正在使用以下命令更新slickgrid : dataView.updateItem(args.item.id，row)；但是我有很多行要更新simultaneously.So如何在slickgrid中更新数据视图中的行数组？
浏览 1提问于2013-08-27得票数 1
我刚刚开始使用，我有一个(希望)简单的问题。
我使用的是jQuery和SlickGrid，并且我已经加载了main.js文件顶部的所有模块，如下所示：
require(["jquery", "underscore-1.3.1", "backbone-0.9.1",
"plugins/jquery.event.drag-2.0.min", "plugins/slick.core",
"plugins/slick.grid", "plugins/slick.datavie
浏览 2提问于2012-03-30得票数 2
回答已采纳
2回答
我正在使用slickgrid来显示某些数据。如何向slickgrid行添加自定义方法？
例如:每当按回车键时，我想打开带有当前行数据的模式框。
浏览 1提问于2012-11-02得票数 0
回答已采纳
我创建了一个新的Aurelia插件，名为Aurelia-Slickgrid，并让它在本地使用.feature('resources')。然后，我为下一步做好了准备，将其作为插件提供给每个人，并创建了一个Github项目，并在此下提供了该项目。我使用来创建我的插件，还运行了gulp build来创建转置输出。然后，我在NPM上发布了它，并成功地用npm i --save aurelia-slickgrid安装了它。我目前正在使用Aurelia-CLI进行捆绑，一切都进行得很顺利，直到打开浏览器并看到控制台中抛出了一个错误(现在只剩下浏览器中的一个白色页面)：
Uncaught T
浏览 2提问于2017-01-08得票数 6
回答已采纳
0回答
我对SlickGrid脚本有个问题。我想构建一个基于包含数据的数组的网格。这个数据基本上有一个值和一个应该插入它的地址(行和列)。我可以用数据填充网格，但不能将值放在特定的列和行中。例如，我有值= 3，cellRow =2和cellColumn = A。当我构建网格时，我希望将值3放在行2和列A中。
有什么帮助吗？我已经在slickgrid文档中搜索了很多:(
提前谢谢。
浏览 4提问于2017-12-08得票数 0
2回答
我是javascript的新手。我正在使用下面的函数创建平滑的网格，我根据日期和获取数据来操作url。当我在不同的日期使用此代码时，浏览器中的内存需求正在增加。我是不是做错了什么？
var createSlickGrid = function(data, key) {
var options = ...;
new Slick.grid($('#temp'), data, options);
}
getData = function(date) {
url = <some function based on date>;
$.getJ
浏览 1提问于2013-01-24得票数 1
1回答
我使用的是角-光滑网格= 2.30.2，角10，我使用的是styles.css，其中我通过引导.sass文件加载光滑网格主题。我已经创建了一个共享的slickgrid组件，并在需要的地方将它用于父组件中。
我希望根据父组件中的条件更改光滑的网格标题颜色。例如，如果我的变量值为true，那么如何显示slickgrid头蓝或红色？
我想为网格中每三行添加一个屏幕/组件的底部边框，它使用光滑的网格，我如何实现它？
我是新手，请指点。
浏览 8提问于2022-07-29得票数 0
我正在尝试使用angular.js为Django视图创建一个POST请求。
class PostJSON4SlickGrid(View):
"""
REST POST Interface for SlickGrid to update workpackages
"""
def post(self, request, root_id, wp_id, **kwargs):
print "in PostJSON4SlickGrid"
print request.POST
浏览 1提问于2012-10-10得票数 23
回答已采纳
3回答
我希望我们有一些用户熟悉slickGrid，看看StackOverflow是如何使用它的:)
我有一个包含slickGrid的超文本标记语言，如下所示：
<div style="position:relative; overflow:visible; width:600px; margin:25px 0 0 0;">
<div id="myGrid" style="width:100%;overflow:visible; min-height:100px; max-height:300px;"></di
浏览 4提问于2012-06-01得票数 3
回答已采纳
我在一个必须使用jquery 1.8的站点上使用slickgrid和jquery 1.7。如果我只包含jquery 1.8。列大小调整不起作用。
因此，我想知道slickgrid是否支持jquery 1.8。或者在slickgrid中是否有一个选项来告诉slickgrid使用哪个jquery版本。
这个问题也在谷歌群组线程中被提出。
浏览 1提问于2012-11-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
