我試圖設置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