2010-08-27 23 views
5

Jquery modal onayını jqGrid ile nasıl kullanabilirim? Benim girdileri sunacaktır ne zaman yaklaşımjQuery kalıcı iletişim kutusu ve jqGrid

.. o kalıcı bir iletişim kutusu açılır ve sunucuya göndermek için mesaj ile adlarını görüntüler Say

$("#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'); 
            } 
     } 
     }); 
     }); 

benim html:

<div id="dialog-confirm" title="Confirm"> 
     <p><span class="ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Are you sure want to cancel(or send this names)#names?</p> 
    </div> 

Bu diyalog kutusunda bu isimleri de göndermem gerekiyor ... ama bu yaklaşım bana sunucuma göndermeyi seçtiğim şebekemden isimleri vermeyecek.

cevap

13

Aşağıdaki kod neden irade kesin çözüm sunucu tarafında İhtiyaçlarınız bağlıdır

$("#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); 
         } 
        }); 
       } 
      } 
     }); 
    } 
}); 

gerekenleri yapabilirdi. Bunu (ajax isteği olmadan) burada deneyebilirsiniz http://www.ok-soft-gmbh.com/jqGrid/DataToMultiSelect2.htm. Bazı öğeleri seçin ve "Seçili Ol" düğmesini tıklayın.  

+0

thank! tam olarak aradığım şey bu ... – paul

+0

@Oleg: jqGrid'in varsayılan onaylama iletişim kutusunu nasıl kullanabiliriz? –

+1

@ITppl: Aşağıdaki kodu deneyin: '$ .jgrid.info_dialog (" HTML metni olabilir "," başka bir Oleg

İlgili konular