Tengo una forma como esta:jqGrid: datos POST al servidor para obtener los datos de filas (de filtrado y búsqueda)
<form id='myForm'>
<input type='text' name='search' />
<input type='text' name='maxPrice' />
</form>
y mesa para mi jqGrid:
<table id='myGrid'></table>
necesito a POST (no GET) los datos de myForm
a mi método de servidor para obtener los datos de la fila y completar la cuadrícula. Hasta ahora, no he podido obtener jqGrid para enviar nada. Comprobé mi serialización de datos y estoy serializando los datos de mi formulario correctamente. Aquí está mi código jqGrid:
$("#myGrid").jqGrid({
url: '/Products/Search") %>',
postData: $("#myForm").serialize(),
datatype: "json",
mtype: 'POST',
colNames: ['Product Name', 'Price', 'Weight'],
colModel: [
{ name: 'ProductName', index: 'ProductName', width: 100, align: 'left' },
{ name: 'Price', index: 'Price', width: 50, align: 'left' },
{ name: 'Weight', index: 'Weight', width: 50, align: 'left' }
],
rowNum: 20,
rowList: [10, 20, 30],
imgpath: gridimgpath,
height: 'auto',
width: '700',
//pager: $('#pager'),
sortname: 'ProductName',
viewrecords: true,
sortorder: "desc",
caption: "Products",
ajaxGridOptions: { contentType: "application/json" },
headertitles: true,
sortable: true,
jsonReader: {
repeatitems: false,
root: function(obj) { return obj.Items; },
page: function(obj) { return obj.CurrentPage; },
total: function(obj) { return obj.TotalPages; },
records: function(obj) { return obj.ItemCount; },
id: "ProductId"
}
});
¿Puedes ver lo que estoy haciendo mal o debería estar haciendo de manera diferente?
@Byron Sommardahl: no escribió ningún comentario sobre mi respuesta desde hace una semana. ¿Lees mi respuesta? ¿Podría ayudarte? ¿Tu problema ya está resuelto? – Oleg
Otra respuesta increíble de @Oleg. –
@AJ .: Me alegro de que la respuesta anterior todavía sea útil. – Oleg