我正在使用Jqgrid示例创建一个表,我正在尝试获取所有已检查行的值,并使用ajax将所选值传递给服务器。
当我点击获取选择按钮时,目前没有获得所选值。
此处指向我的fiddle
的链接另外,是否可以为每行添加单选按钮,并且只能在整个表格中选择一个单选按钮。
/***********************/
$("#getSelected").click(function() {
var ids = $("#output").jqGrid('getGridParam', 'selarrrow');
if (ids.length > 0) {
var names = [];
for (var i = 0, il = ids.length; i < il; i++) {
var name = $("#output").jqGrid('getCell', ids[i], 'Symbol');
names.push(name);
}
//alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
$("#names").html(names.join(", "));
$("#dialog-confirm").dialog({
height: 280,
modal: true,
buttons: {
'Cancel': function() {
$(this).dialog('close');
},
'Confirm': function() {
alert("Confirm");
//alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
/*$.ajax({
type: "POST",
url: "/cpsb/unprocessedOrders.do",
data: { method: "releaseTowics",
orderNum: JSON.stringify(ids),
names: JSON.stringify(names)
},
dataType: "json"
success: function(msg){
alert(msg);
},
error: function(res, status, exeption) {
alert(res);
}
});*/
}
}
});
}
});
/***********************/
答案 0 :(得分:1)
您似乎使用我为the old demo创建的the old answer代码。该演示使用jQuery UI对话框。因此,为了让您使用最少的更改进行演示,您应该包含jquery-ui.min.js
和div,它将用作jQuery对话框,例如,
<div style="display:none;" id="dialog-confirm" title="Confirm">
<p>Are you sure want send this names:</p><p><span id="names"></span></p>
</div>
修改后的演示https://jsfiddle.net/OlegKi/615qovew/112/有效。如果您愿意,可以将jQuery UI替换为Bootstrap对话框。
我在演示中另外将免费的jqGrid 4.13.3替换为当前的免费jqGrid 1.14.0。我添加了autoresizeOnLoad: true
选项和resetWidthOrg: true
新autoResizing
属性,以使列的宽度按比例调整内容的宽度(有关详细信息,请参阅the issue)。