jqgrid - jqGrid 可以支持拖放带有本地数据的行吗？-6ren

jqgrid - jqGrid 可以支持拖放带有本地数据的行吗？

转载作者：行者123 更新时间：2023-12-02 05:29:28

27

4

我正在学习 jqGrid，希望最终能将它连接到 Redis 数据库。作为第一步，我正在处理本地数据。这是我必须使用可排序行(在网格中拖放行)。网格出现并且看起来不错，列甚至可以排序，但我无法选择一行并移动它——我错过了什么？仅仅是因为数据是本地的吗？

css和js文件加载没有问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-1.8.23.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
  jQuery("#mytable").jqGrid({
      datatype:"clientSide",
      data:[ {"number": 1, "segment":"frontmatter", "name": "chap0"},
             {"number": 2, "segment":"mainmatter",  "name": "chap1"},
             {"number": 3, "segment":"backmatter",  "name": "chap2"},
           ],
      colNames:['Chapter Name', 'Chapter Number', 'Document Segment'],
      colModel:[
              {name:'name'},
              {name:'number', sorttype:'number'},
              {name:'segment'},
              ],
      autowidth:true,
      height:'200',
      sortname: 'number',
      viewrecords: true,
      caption: 'My first grid',
      altRows:true,
  });
});
jQuery("#sortrows").jqGrid('sortableRows');
</script>

</head>
<body>

<table id="mytable"></table>
</body>
</html>

最佳答案

是的，jqGrid 支持 sortableRows与本地数据。 The demo ，这只是来自 the answer 的演示副本, 使用 jqGrid 4.4.1 并且有效。

您发布的代码有两个小但重要的错误:

您使用 jQuery("#sortrows").jqGrid('sortableRows');，但您使用另一个 id 创建了网格:jQuery("#mytable")。所以你必须将 "#sortrows" 更改为 "#mytable"
你必须移动行 jQuery("#mytable").jqGrid('sortableRows'); inside of $(document).ready( function(){}); block 。您当前的代码调用sortableRows在创建网格之前，因此它不会工作。

关于jqgrid - jqGrid 可以支持拖放带有本地数据的行吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12606945/

27

4

0

文章推荐： c# - ftp 损坏 exe 和 dll 文件 (C#)

文章推荐： r - R 中的属性值频率(分类变量中的异常值)

文章推荐： jqplot - 数据点最大时不显示点标签

有人可以向我解释一下这个按位函数中的 putchar 行吗？
有人知道 1u 在这个函数中的作用吗？以下函数接受一个整数并打印出它的位。我试图弄清楚的线是 putchar 线。我看到它需要一个无符号整数作为参数，并在二进制数大小的循环中迭代 1 或 0，这恰好发
mysql - 可以根据日期时间字段的单个元素过滤 SQL 行吗？
我有一个 MySQL 数据库，存储了一个长而详细的时间序列(即，每分钟采样多次的多年测量值)。当我将此数据提供给客户端进行显示时，我想对数据进行下采样，这样我就不会向图表发送大量数据。例如，如果客户端
mysql - 我应该担心表中的 1B+ 行吗？
我有一个记录文章浏览量的表格。它有以下列: id, article_id, day, month, year, views_count. 假设我想跟踪每篇文章的每日浏览量/每一天。如果我有 1,000
unit-testing - 单元测试方法应该超过 200 行吗？
写一个很长(200多行)的测试方法是不是太糟糕了？或者我应该把它分解成更小的方法？最佳答案您不应该(总体上)创建任何 200 行长的方法。如果你能打破它，就去做。你在 200 行中做什么？单元测
sql - 我可以使用过滤索引来查询 "recently modified"行吗
我正在使用 SQL Server 2008-R2，但我也对更通用的答案感兴趣...... 我有一个包含数亿行的表，每行都有一个“DateModified”字段 (datetime2(7)) 现在我经常
php - 我可以在 SwiftMailer 中使用传统的电子邮件 "To"行吗？
SwiftMailer 需要一个电子邮件地址数组，可能包括名称作为数组的值: $message->setTo([ 'person1@example.org', 'person2@example
php - 可以在 1 个查询中插入 700 行吗？
这个问题已经有答案了: MySQL - how many rows can I insert in one single INSERT statement? (8 个回答) 已关闭 3 年前。我需要
mysql - 我可以限制 mysql 表只包含 n 行吗？
我需要一个只有 n 行的 mysql 表。是否可以？有 1 行表的解决方案，但无法找到 n 行的任何内容。最佳答案如果您确实想在 mysql 中执行此操作，则必须编写一个触发器，每当插入行时都会调
bash - 我可以只 grep 文件的前 n 行吗？
我的日志文件很长，是否可以要求 grep 只搜索前 10 行？最佳答案管道的魔力； head -10 log.txt | grep 关于bash - 我可以只 grep 文件的前 n 行吗？，我
mysql - 我可以控制在 UPDATE 中使用哪个 JOINed 行吗？
曾几何时，我有一张这样的 table : CREATE TABLE `Events` ( `EvtId` INT UNSIGNED NOT NULL AUTO_INCREMENT, `Al
python dask DataFrame，支持(可简单并行化)行吗？
我最近发现 dask旨在成为易于使用的python并行处理模块的模块。对我来说最大的卖点是它适用于 pandas。在其手册页上阅读了一下之后，我找不到一种方法来完成这个琐碎的可并行化任务: ts.a
doxygen - Doxygen 可以轻松配置为识别 TODO 和 FIXME 行吗？
我刚刚安装并设置了一个 Doxygen 实例，但开箱即用时，它只能在代码中找到 TODO 标记，当标记在如下块中时: /** * @todo Foo */ 它似乎没有找到: // TODO Foo
html - 使用 twitter bootstrap，我所有的行加起来应该是 12 行吗？
我想知道这里有什么最佳实践。我正在制作一个表单，该表单具有通过 form-group 类分组的控件。这具有水平分组的控件，例如一行中的标题、名字、姓氏，然后下一行可以有日、月、年输入。为了在一行中实
mysql - 我可以只在 JOIN 失败的地方使用 MySQL SELECT 行吗？
我想执行一个 MySQL 查询: SELECT * FROM table_A JOIN table_B on table_A.id = table_B.foreign_key …但我想返回表_B 中表
html - 嵌套
行不通，而嵌套
行吗？
我一般不会嵌套像这样: The following: one two 我将使用像那样嵌套反而。但是今天我用了但似乎 Emacs 和 Google Chrome 都会考虑外部一看
perl - 这可以在没有 tmp 变量的情况下写成 1 行或 2 行吗？
我有这个代码 my $tmp = $q->param('owner'); $tmp =~ s/\s*//g; # remove white space from string my @owners
javascript - 这个 2 行 jquery 可以缩短为 1 行吗？
我有这些 div，每个都有相同的类 .onediv 和不同的 ID div1、div2、div3 我想使用 jquery 来改变它们的 css di
c++ - 带有 SSE2 的 Newton Raphson - 有人可以解释一下这 3 行吗
我正在阅读此文档:http://software.intel.com/en-us/articles/interactive-ray-tracing 我偶然发现了这三行代码: The SIMD vers
reactjs - 我们可以通过 API 使用 Json 数据使用 React-Table 显示大约 100000 行吗？
我需要通过调用 API 端点和数据格式为 JSON 来消耗大量数据(比如超过 100000 行)并将它们显示在 react 页面中。我正在使用 React-Table 开发逻辑，但想听听专家的意见，以
reactjs - 我可以像在(mapbox-gl-js 文档)中使用react-map-gl 那样添加GeoJSON 行吗？
我正在尝试添加一条 GeoJSON 线来显示 A 点和 B 点之间的汽车方向(就像在 mapbox-gl-js 的官方文档中那样(https://www.mapbox.com/mapbox-gl-js

首页

博学

6Ren·AI

商城

jqgrid - jqGrid 可以支持拖放带有本地数据的行吗？