我试图设置jqGrid向表中添加一行,但editGridRow()没有做任何事情。网格显示并填充样本数据,“添加记录”按钮触发事件(警报触发),但是没有。editGridRow什么都不做
也许我的网格规范是缺少的东西B/C我通过addRowData()填充存根数据?我在这里很困惑。
更新:editGridRow取决于CSS样式表,它不包含在我的HTML中。
HTML:
<table id="myGridTarget"><tr><td/></tr><table>
<div id="pager"/>
<fieldset>
<input id="addRowButton" type="button" value="Add Row Data"/>
</fieldset>
代码建立网格和事件:
jQuery(document).ready(function() {
jQuery("#myGridTarget").jqGrid(pageData.gridData);
var starter_data_obj = {
'Col_1': 'first',
'Col_2': 'second',
'Col_3': 'third',
'Col_4': 'fourth',
};
jQuery("#myGridTarget").addRowData('row_1', starter_data_obj, 0);
jQuery("#addRowButton").click(function() {
alert("here");
jQuery("#myGridTarget").jqGrid('editGridRow', "new", {height: 280, reloadAfterSubmit:false});
}
);
}
);
规格网格,放置在对象pageData.gridData。 (请注意,这些都是蟒蛇值,并且通道griData前jasonified。因此,真正为真,对象的属性是不是在报价等)
{
'url': '',
'datatype': 'json',
'mtype': 'GET',
'loadonce': True,
'jsonReader': { 'repeatitems': False }, # potential js object issue
'colNames':
[
'Col_1',
'Col_2',
'Col_3',
'Col_4',
],
'colModel':
[
{
'name': 'Col_1',
'key': True,
'width': 60,
'align': "center",
'hidden': False,
'editable': True,
},
{
'name': 'Col_2',
'width': 80,
'sortable': False,
'hidden': False,
'editable': True,
},
{
'name': 'Col_3',
'width': 180,
'sortable': False,
'hidden': False,
'editable': True,
},
{
'name': 'Col_4',
'width': 180,
'sortable': False,
'hidden': False,
'editable': True,
},
],
'rowNum': 10,
'rowList': [10, 20, 300],
'pager': "#pager",
'viewrecords': True,
'gridview': True,
'rownumbers': True,
'height': 230,
'caption': 'Caption goes here',
'editurl': '',
'sortorder': 'desc',
}
问题是否已解决,并且网格现在可以完成所需的所有工作? – Oleg 2011-02-25 20:28:28
_这个问题解决了。我会标记这封闭的,但stackoverflow不会让原来的海报两天这样做。感谢您的关注。 – chernevik 2011-02-26 21:25:41