J'ai essayé si fort, je ne comprends pas ce qui manque dans mon code.Implémentation de la fonction de recherche sur jqgrid?
ASP:
SEARCHFIELD = Request.QueryString("SEARCHFIELD")
SEARCHSTRING = Request.QueryString("SEARCHSTRING")
SEARCHOPER = Request.QueryString("SEARCHOPER")
JavaScript:
var lastsel;
$(function() {
$("#list").jqGrid({
url: 'orders.cs.asp?Process=ViewOrders',
datatype: 'xml',
mtype: 'Get',
height: '100%',
colNames: ['Actions','ID #','Customer', 'Date', 'Status','Total','Tracking #'],
colModel: [
{name:'Actions', index:'Actions', width:65, sortable:false, search:false},
{name:'ID', index:'ID', width:30},
{name:'Customer', index:'Customer', width:150},
{name:'Date', index:'Date', width:150},
{name:'TransactStatus', index:'TransactStatus', width:130, editable:true, edittype:"select", editoptions:{value:"Pending:Pending;Awaiting Payment:Awaiting Payment;Awaiting Fulfillment:Awaiting Fulfillment;Awaiting Shipment:Awaiting Shipment;Awaiting Pickup:Awaiting Pickup;Partially Shipped:Partially Shipped;Completed:Completed;Shipped:Shipped;Cancelled:Cancelled;Declined:Declined;Refunded:Refunded"}},
{name:'Total', index:'Total', width:80, align:"right"},
{name:'ShipTrackingNumber', index:'ShipTrackingNumber', width:126, editable:true},
],
pager: jQuery('#pager'),
rowNum: 10,
rowList: [10,20,30],
sortname: 'Date',
sortorder: 'desc',
viewrecords: true,
subGrid : true,
subGridUrl: 'orders.cs.asp?Process=ViewOrderDetails',
subGridModel: [ {
name: ['Quantity','Product','-', '-', '-'],
width : [65,350,50,50,50],
param: ['invdate']
}
],
imgpath: 'js/jqGrid/themes/basic/images',
onSelectRow: function(id) {
if(id && id!==lastsel) {
$('#list').restoreRow(lastsel);
$('#list').editRow(id,true);
lastsel=id;
}
},
loadComplete: function(){
var ids = jQuery("#list").getDataIDs();
for(var i=0;i<ids.length;i++){
var cl = ids[i];
be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=jQuery('#list').editRow("+cl+"); ></ids>";
se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=jQuery('#list').saveRow("+cl+"); />";
ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=jQuery('#list').restoreRow("+cl+"); />";
jQuery("#list").setRowData(ids[i],{Actions:be+se+ce})
}
},
editurl: "orders.cs.asp?Process=EditOrder",
}).navGrid("#pager",{edit:true,add:false,del:false});
});
Vous devez dire utiliser ce que vous avez l'intention et ce qui ne va pas. – AnthonyWJones
Cela ne fonctionne pas et ne donne aucune erreur. Je pensais que le site de démonstration est une meilleure façon de montrer ce qui ne va pas. http://refinethetaste.com/html/cp/?Section=orders&Process=ViewOrders http://refinethetaste.com/html/cp/orders.cs.asp?Process=ViewOrders&ROWS=10&SIDX=Date&SORD=asc&SEARCHFIELD= ID & SEARCHSTRING = 1 & SEARCHOPER = égal – Efe
Cela peut être utile si le fichier XML que vous envoyez à jqGrid contient des commandes, maintenant il ne contient aucune donnée pour remplir le jqGrid –