Javascript 将内联CRUD添加到jqGrid表时遇到问题-我错过了什么？

请看看这个

所有相关的客户端代码都在该页面上可见。以下是相关的服务器端代码：

use Locale::Currency::Format;
use strict;
use warnings;

my $db = 'profitorius';
my $hostname = 'localhost';
my $user = 'me';
my $dbpwd = 'mypw';
my $dbh = DBI->connect_cached("DBI:mysql:database=$db;host=$hostname",$user,$dbpwd,{RaiseError => 1}) or die "Failed to connect to the DB.\n";

my $cgi = CGI->new;
my $mid = $cgi->param('mid');


print $cgi->header(-type => 'text/xml;charset=latin1');
my $page = 1;
my $total_pages = 1;
my $s = "<?xml version='1.0' encoding='latin1'?><rows>";
$s .= "<page>".$page."</page>";
$s .= "<total>".$total_pages."</total>";
unless (defined $mid) {
    my $rcnt = 0;
    $s .= "<records>".$rcnt."</records></rows>";
    print $s;
    exit;
}
my $sql = "SELECT id, Product_name, price, customization, custom_price FROM merchant_products WHERE mid = $mid;";
my $sth = $dbh->prepare($sql);
$sth->execute;
my $tbl_ary_ref = $sth->fetchall_arrayref;
my @ary = @$tbl_ary_ref;
my $rcnt = @ary;
$s .= "<records>".$rcnt."</records>";#<rows>
foreach my $v (@ary) {
    my @r = @$v;
    $r[2] = currency_format('USD',$r[2], FMT_HTML);
    $s .= "<row id='". $r[0]."'>";
    $s .= "<cell>". $r[0]."</cell>";
    $s .= "<cell>". $r[1]."</cell>";
    $s .= "<cell>". $r[2]."</cell>";
    $s .= "<cell>". $r[3]."</cell>";
    $s .= "<cell>". $r[4]."</cell>";
    $s .= "</row>";
}
$s .= "</rows>";
print $s;
exit;

我知道最后一列需要格式化为货币，但这不是问题

我的第一个问题是，你会注意到，按钮 不显示添加、编辑和删除行。我找到了两个 添加这些的示例，用于内联编辑，但两者都不起作用。 如何更改Javascript以使其可用？ 我的第二个问题，在得到第一个问题之前我无法调查 已解决的问题是如何处理已添加的行， 编辑完成后，编辑或删除。如果我想使用 单独的CGI脚本处理行添加、行删除和行删除 更新，如何在创建网格时指定这些更新？如果我 在填充 grid，我用什么方法来改变它？这很难说，因为所有的 我发现的例子都是用PHP编写的，我对PHP的了解刚好可以 这很危险。 我的下一个问题涉及在以下情况下捕获和处理onchange事件： 内联编辑器是一个控件。最终，我会在一个 不同的网格将一个内联编辑器添加到选择控件，我将 要将两个或三个其他字段中的值设置为只读字段吗 就用户而言，只有我的Javascript代码能够 根据选择的物品更改这些恶魔的值 选择控件。这里的部分问题是如何表示 在JavaScript中从C++或java或Perl中的散列映射的思想。 我的最后一个问题集中在数据管理上。这些数据必须是真实的吗 当用户完成编辑时，在输入时保存到服务器 行，或者是否可以将所有更改都存储在DOM和 一次保存所有表单数据时，其中表很小 零件，是否提交处理？你能给我举个例子吗 两种选择中的一种？如果我必须在每一行被更改时保存它，那么它是 我还不清楚如何保存每个数据库的表数据 用户/会话与所有其他会话不同。 很明显，我肯定错过了jqGrid文档中的一些内容，但问题是什么

谢谢

---

Ted

首先，您应该替换jQuerylist.jqGrid'navGrid'，list，。。。到jQuerylist.jqGrid'navGrid'，寻呼机，。。。查看编辑按钮。几秒钟后，最好从服务器返回JSON数据，而不是XML。如果要使用4.13.1而不是4.5.0.0.0.0版，则可以/应该将loadonce:true选项添加到网格和forceClientSorting:true。我一直计划升级jqGrid，但我担心还必须升级jQuery，因为我确信两者都有突破性的变化。我最终可能会在今年第二季度或第三季度这样做，但现在还没有。你的建议奏效了，但现在我得到了内联和基于表单编辑的图标。是否可以只显示用于内联编辑的内容？你对我剩下的问题有什么建议吗？你现在使用jQuerylist.jqGrid'navGrid'，pager；并注释了行jQuerylist.jqGrid'navGrid'，list，{edit:false，add:false，del:false}；，它使用选项{edit:false，add:false，del:false}防止表单编辑图标。您现在使用哪个版本的jQuery？免费jqGrid 4.13.1对jQuery的要求与4.5.0相同。您可以尝试将ui.jqgrid.css、jquery.jqgrid.min.js和grid.locale-en.js的URL更改为CDN中描述的URL。我现在显示的图标数量已固定，因此我只有内联图标，加上用于删除的表单，但我正在尝试为每个操作设置单独的UL：添加、编辑、删除。谢谢Oleg。我正在使用jquery-1.9.1.min.js。我不得不在本地下载和托管我使用的任何Javascript库，出于安全原因，我们必须编写的安全标准非常严格，不允许在我们的生产环境中从web上提取资源。即使在我们的生产环境中托管我的模板页面，也会导致很多问题，不是从编码的角度来看，而是违反了我们生产环境的安全标准。