jqGrid--ロードイベントloadComplete_gridComplete_ondblClickRow



Jqgrid Load Event Loadcomplete_gridcomplete_ondblclickrow



gridComplete

gridCompleteは、データがロードされるか、jqGridでデータが変更されるたびに、内部に関数をロードします。
addRowDataをここに書き込むと、内部の関数は無限ループで実行されます



-
loadComplete

loadComplete jqGridがロードされたら、内部の関数を実行します。
jqGridでのデータ変更は、loadCompleteのコードを実行しません




htmlコード:

<div class='col-xs-12 my-grid'> id='listgrid'>
<div id='pager'> <div class='pager-left'> <div> sum:id='sum'> div> div> div> div>

jsコード:

loadComplete:function(xhr){ var sum=xhr.sum $('#sum').html(sum) }, gridComplete: function () { ... }

================================================= = ==



jqGridは、jqGridのロード後に関数を実行できます

gridComplete: function() { jQuery('#first_gridpager').html('Homepage') jQuery('#prev_gridpager').html('Previous page') jQuery('#next_gridpager').html('Next page') jQuery('#last_gridpager').html(' last page') //$('#mygrid').footerData('set',{item_danjia:'Total',items_count:itemsTotal}) $('#modalList').closest('.ui-jqgrid-bdiv').css({ 'overflow-x' : 'hidden' }) }, loadComplete: function() { // Total inventory details list var actualAmount = ${pd.actualAmount} var priceAmount = ${pd.priceAmount} var dataRow = { kaidan_date:'',sup_name:'',pur_order_no:'',inv_actual:actualAmount,pur_price:priceAmount,price_total:'',caozuo:'',parts_id:'',sup_id:'',parts_name:'' } $('#mygrid').jqGrid('addRowData','total',dataRow, 'last') }

================================================= = ==

イベント
ondblClickRow

パラメータ
rowid、iRow、iCol、e

備考
行がダブルクリックされるとトリガーされます。
rowid:現在の行ID iRow:現在の行インデックス位置iCol:現在のセル位置インデックスe:イベントオブジェクト

$('#jobsGrid').jqGrid({ url:'../job_controller', datatype: 'JSON', mtype: 'POST', pager: jQuery('#jobsGridPager'), colNames:['Job #','Project','City', 'Rep', 'Status', 'Customer', 'Cust PO #', 'Rep. #'], colModel :[ {name:'jobNumber', index:'jobNumber', align:'left', width:50, editable:true,hidden:false, edittype:'text', editoptions:{size:30,readonly:true},editrules:{edithidden:false,required:false}}, {name:'description', index:'description', align:'left', width:150,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}}, {name:'locationCity', index:'locationCity', align:'', width:90,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}}, {name:'initials', index:'initials', align:'center', width:30,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}}, {name:'jobStatus', index:'jobStatus', align:'center', width:60,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}}, {name:'customerName', index:'customerName', align:'', width:150,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}}, {name:'customerPONumber', index:'customerPONumber', align:'center', width:90, hidden:false, editable:true, editoptions:{}, editrules:{edithidden:true,required:false}}, {name:'code', index:'code', align:'center', width:40,hidden:false, editable:true, editoptions:{size:20,readonly:false, alignText:'right'},editrules:{edithidden:true,required:true}} ], rowNum: 50, pgbuttons: true, recordtext: '', rowList: [50, 100, 200, 500, 1000], viewrecords: true, pager: '#jobsGridPager', sortname: 'employeeId', sortorder: 'asc', imgpath: 'themes/basic/images', caption: 'Jobs', height:547, width: 1140,/*scrollOffset:0,*/ rownumbers:true, altRows: true, altclass:'myAltRowClass', rownumWidth: 45, ondblClickRow: function(rowId) { var rowData = jQuery(this).getRowData(rowId) var jobNumber = rowData['jobNumber'] var jobName = '' + rowData['description'] var jobCustomer = rowData['customerName'] var jobStatus = rowData['jobStatus'] jobName = jobName.replace(/&/g, '``') jobName = jobName.replace(/#/, '__') var aQryStr = 'jobNumber=' + jobNumber + '&jobName=' + jobName + '&jobCustomer=' + jobCustomer console.log('./jobflow?token=view&' + aQryStr) document.location.href = './jobflow?token=view&' + aQryStr }, jsonReader : { root: 'rows', page: 'page', total: 'total', records: 'records', repeatitems: false, cell: 'cell', id: 'id', userdata: 'userdata' } }).navGrid('#jobsGridPager', add:false,edit:false,del:false,refresh:false,search:false} )