$(function() { $("#flex1").flexigrid({ url: 'order_status_script.php', dataType: 'json', colModel : [ {display: 'S No', name : 'count', width : 40, sortable : true, align: 'left'}, {display: 'Purchase Order No', name : 'purchase_order_no', width : 150, sortable : true, align: 'left'}, {display: 'Production File No', name : 'production_file_no', width : 150, sortable : true, align: 'left'}, {display: 'Client', name : 'client', width : 250, sortable : true, align: 'left'} {display: 'Item Name', name : 'i_name', width : 250, sortable : true, align: 'left'} {display: 'Item Description', name : 'item_name', width : 250, sortable : true, align: 'left'} {display: 'Drawing Details', name : 'drawing_details', width : 250, sortable : true, align: 'left'} {display: 'Order Qty', name : 'qty', width : 40, sortable : true, align: 'left'} {display: 'Marked Qty', name : 'markd', width : 40, sortable : true, align: 'left'} {display: 'Balance Qty', name : 'bal', width : 40, sortable : true, align: 'left'} {display: 'Client', name : 'client', width : 250, sortable : true, align: 'left'} ], buttons : [ {name: 'Edit', bclass: 'edit', onpress : doCommand}, {name: 'Delete', bclass: 'delete', onpress : doCommand}, {separator: true} ], searchitems : [ {display: 'Menu Name', name : 'menu_name'}, {display: 'Description', name : 'menu_description', isdefault: true}, {display: 'URL', name : 'menu_url'} ], sortname: "menu_id", sortorder: "asc", usepager: true,//pagination title: "Menu Master", useRp: true, rp: 20,//records per page showTableToggleBtn: false,//toggle button for the whole table resizable: false, width: 700, height: 370, singleSelect: true }); }); function doCommand(com, grid) { if (com == 'Edit') { $('.trSelected', grid).each(function() { var id = $(this).attr('id'); id = id.substring(id.lastIndexOf('row')+3); alert("Edit row " + id); }); } else if (com == 'Delete') { $('.trSelected', grid).each(function() { var id = $(this).attr('id'); id = id.substring(id.lastIndexOf('row')+3); alert("Delete row " + id); }); } }