[英]Select the first html table row on page load using JS or JQUERY
[英]jqGrid select first row on page load
我有一個jqGrid,我希望在頁面加載時選擇第一行。 我找到了幾種不同的方法,但是似乎沒有一種對我有用。 數據通過ajax調用傳來,據我所知,網格正在嘗試在加載任何數據之前選擇第一行。
var reqListGrid = new BaseGrid("#request_list");
reqListGrid.edit_url = '...'
reqListGrid.name = 'Request List'
reqListGrid.colNames = ["Employee", "Code", "Start Date", "Submitted", "Hours"]
reqListGrid.height = '200px';
reqListGrid.width = 'auto';
reqListGrid.colModel = [
{name:'req_emp', ...},
{name:'req_code', ...},
...
];
reqListGrid.gridComplete = function(){
var req_top_row = $("#request_list").getDataIDs()[0];
$("#request_list").setSelection(req_top_row, true);
};
reqListGrid.createGrid();
我已經在gridComplete方法中設置了一個斷點,但是Chrome從未命中它。 有小費嗎?
OnGridComplete
您可以使用以下代碼:
var firstRowId = $("tr:first","#request_list").attr("id");
$("#request_list").setSelection(firstRowId);
您的OnGridComplete
總體代碼應如下所示
reqListGrid.gridComplete = function(){
var req_top_row = $("tr:first","#request_list").attr("id");
$("#request_list").setSelection(req_top_row);
};
gridComplete: function () {
var idarray = jQuery('#jqTable').jqGrid('getDataIDs');
if (idarray.length > 0) {
var firstid = jQuery('#jqTable').jqGrid('getDataIDs')[0];
$("#jqTable").setSelection(firstid);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.