jqGrid连接/生成html标记不正确

请原谅这篇文章的长度，但我需要解释一下我看到了什么。 我有一个onsetrow选项，用来构建堆叠的html

标记（例如

)直到我看到的静态xml元素的数量。但是我的脚本将所有图像src链接连接在一起，而不是构建整个listobject标记。jqGrid脚本中的所有其他内容都可以正常工作，但xml中的重复元素除外

onSelectRow: function() {
    var gsr = $('#searchResults').jqGrid('getGridParam', 'selrow');
    if (gsr) {
     var data = $('#searchResults').jqGrid('getRowData', gsr);
    $('#thumbs ul').html('<li><a class='thumb' href='' + data.piclocation + '' title='' + data.pictitle + ''><img src='" + data.picthumb  + "' alt='" + data.pictitle + "' /></a><div class='caption'><div class='image-title'>" + data.pictitle + "</div></div></li>");
};"

onsetrow:function（）{
var gsr=$（'#searchResults'）.jqGrid（'getGridParam'，'selrow'）；
如果（gsr）{
var data=$（'searchResults'）.jqGrid（'getRowData'，gsr）；
$（“#thumbs ul'）.html（“
”+data.pictitle+”
”）；
};"

我的xml文件如下所示：

<photo>
            <pic>
                <asset>weaponLib/stillMedia/slides/A106.jpg</asset>
                <thumb>weaponLib/stillMedia/thumbs/A106.jpg</thumb>
                <caption>Side view of DODIC A106</caption>
                <title>Side view of 22 caliber long rifle ball cartridge</title>
            </pic>
            <pic>
                <asset>weaponLib/stillMedia/slides/A106_A.jpg</asset>
                <thumb>weaponLib/stillMedia/thumbs/A106_A.jpg</thumb>
                <caption>Side view of DODIC A106</caption>
                <title>Side view of 22 caliber long rifle ball cartridge</title>
            </pic>
            <pic>
                <asset>weaponLib/stillMedia/slides/A106_B.jpg</asset>
                <thumb>weaponLib/stillMedia/thumbs/A106_B.jpg</thumb>
                <caption>Side view of DODIC A106</caption>
                <title>Side view of 22 caliber long rifle ball cartridge</title>
            </pic>
            <pic>
                <asset>weaponLib/stillMedia/slides/A106_C.jpg</asset>
                <thumb>weaponLib/stillMedia/thumbs/A106_C.jpg</thumb>
                <caption>Side view of DODIC A106</caption>
                <title>Side view of 22 caliber long rifle ball cartridge</title>
            </pic>
            <pic>
                <asset>weaponLib/stillMedia/slides/A106_D.jpg</asset>
                <thumb>weaponLib/stillMedia/thumbs/A106_D.jpg</thumb>
                <caption>Side view of DODIC A106</caption>
                <title>Side view of 22 caliber long rifle ball cartridge</title>
            </pic>

在jqGrid中，单元格包含：

<td title="weaponLib/stillMedia/slides/A106.jpgweaponLib/stillMedia/slides/A106_A.jpgweaponLib/stillMedia/slides/A106_B.jpgweaponLib/stillMedia/slides/A106_C.jpgweaponLib/stillMedia/slides/A106_D.jpg" style="text-align: center; display: none;" role="gridcell">weaponLib/stillMedia/slides/A106.jpgweaponLib/stillMedia/slides/A106_A.jpgweaponLib/stillMedia/slides/A106_B.jpgweaponLib/stillMedia/slides/A106_C.jpgweaponLib/stillMedia/slides/A106_D.jpg</td>

weaponLib/stillMedia/slides/A106.jpgweaponLib/stillMedia/slides/A106_A.jpgweaponLib/stillMedia/slides/A106_B.jpgweaponLib/stillMedia/slides/A106_D.jpg

---

我知道jqGrid的构建是错误的。我不知道应该采取什么样的方向来修复它。任何建议都将不胜感激。

在我看来，州政府

$('#thumbs ul').html('<li><a class='thumb' href='' + data.piclocation + '' title='' data.pictitle + ''><img src='" + data.picthumb  + "' alt='" + data.pictitle + "' /></a><div class='caption'><div class='image-title'>" + data.pictitle + "</div></div></li>");

---

你可以从stackoverflow.com上的颜色中看到，现在一切看起来都更正确了。

可以在www.serco-hrc.com/testMe/index.html上浏览该应用程序的在线示例，只有small arms菜单连接到网格和数据。A106是其中一个有多张图片要显示的行。Oleg，很抱歉混淆。当我发布我的问题后，我对如何在我的问题中定义脚本感到困惑。我已经开始修改我的脚本以使其能够被查看。然后我找到了嵌入脚本的正确方法。我的原始脚本看起来像你的建议。当站点只需显示一张图片时，应用程序可以正常工作。但当需要生成堆叠的

我有一个版本在。这应该可以让你知道发生了什么，而不用我在这个网站上放快照。A085（单张图片）A106（多张图片）在Small Arms菜单项下。任何建议/指示都将不胜感激。TonySorry，但我不太明白你的代码应该做什么。我可以找到

22口径短空白墨盒的侧视图

，我不理解，但看起来是正确的。创建jqGrid的主代码和一些HTML我找不到。

<td title="weaponLib/stillMedia/slides/A106.jpgweaponLib/stillMedia/slides/A106_A.jpgweaponLib/stillMedia/slides/A106_B.jpgweaponLib/stillMedia/slides/A106_C.jpgweaponLib/stillMedia/slides/A106_D.jpg" style="text-align: center; display: none;" role="gridcell">weaponLib/stillMedia/slides/A106.jpgweaponLib/stillMedia/slides/A106_A.jpgweaponLib/stillMedia/slides/A106_B.jpgweaponLib/stillMedia/slides/A106_C.jpgweaponLib/stillMedia/slides/A106_D.jpg</td>

$('#thumbs ul').html('<li><a class='thumb' href='' + data.piclocation + '' title='' data.pictitle + ''><img src='" + data.picthumb  + "' alt='" + data.pictitle + "' /></a><div class='caption'><div class='image-title'>" + data.pictitle + "</div></div></li>");

$('#thumbs ul').html("<li><a class='thumb' href='" +
                      data.piclocation + "' title='" + data.pictitle +
                      "'><img src='" + data.picthumb  +
                      "' alt='" + data.pictitle +
                  "' /></a><div class='caption'><div class='image-title'>" +
                   data.pictitle + "</div></div></li>");