jQuery modal dialog y jqGrid

¿Cómo puedo usar la confirmación modal de Jquery con jqGrid? Digamos que cuando envíe mis entradas, aparecerá un diálogo modal y mostrará los nombres con el mensaje para enviar al servidor.

Mi acercamiento

$("#dialog-confirm").dialog({ autoOpen:false, resizable:false, height:180, modal:true, buttons:{ 'Confirm': function(){ var ids =jQuery("#list10").jqGrid('getGridParam','selarrrow'); $.ajax({ type: "POST", url: "url&names="+ids, data: JSON.stringify(ids), dataType: "json" }); }, 'cancel': function(){ $(this).dialog('close'); } } }); }); 

mi html:

 

Are you sure want to cancel(or send this names)#names?

En ese cuadro de diálogo necesito enviar esos nombres también … pero este enfoque no me dará los nombres de mi cuadrícula que seleccioné para enviarlo al servidor.

El siguiente código podría hacer lo que necesites

 $("#wics").click( function(){ var grid = jQuery("#list10"); var ids = grid.jqGrid('getGridParam','selarrrow'); if (ids.length>0) { var names = []; for (var i=0, il=ids.length; i < il; i++) { var name = grid.jqGrid('getCell', ids[i], 'Name'); names.push(name); } //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", ")); $("#names").html(names.join(", ")); $("#dialog-confirm").dialog({ height:280, modal:true, buttons:{ 'Cancel': function(){ $(this).dialog('close'); }, 'Confirm': function(){ //alert("Confirm"); $.ajax({ type: "POST", url: "/cpsb/unprocessedOrders.do", data: { method: "releaseTowics", orderNum: JSON.stringify(ids), names: JSON.stringify(names) }, dataType: "json", success: function(msg){ alert(msg); }, error: function(res, status, exeption) { alert(res); } }); } } }); } }); 

La solución exacta de la causa dependerá de sus requisitos en el lado del servidor. Puedes probar esto (sin solicitud de ajax) aquí http://www.ok-soft-gmbh.com/jqGrid/DataToMultiSelect2.htm . Seleccione algunos elementos y haga clic en el botón "Obtener seleccionados".

    Intereting Posts