2017-02-27 10 views
0

Jqgridの例を使用してテーブルを作成しようとしていますが、チェックされたすべての行の値を取得し、選択した値をajaxを使用してサーバーに渡そうとしています。jqgrid:multiselect値が機能しない

現在、選択した値を取得しません。選択したボタンをクリックします。

ここで私のfiddle

へのリンクも、それはそれぞれの行にあるラジオボタンを追加し、1つのラジオボタンのみがテーブル全体を選択することができる可能です。

/***********************/ 
    $("#getSelected").click(function() { 
    var ids = $("#output").jqGrid('getGridParam', 'selarrrow'); 
    if (ids.length > 0) { 
     var names = []; 
     for (var i = 0, il = ids.length; i < il; i++) { 
     var name = $("#output").jqGrid('getCell', ids[i], 'Symbol'); 
     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"); 
      //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", ")); 
      /*$.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); 
       } 
      });*/ 
      } 
     } 
     }); 
    } 
    }); 
    /***********************/ 

答えて

1

あなたが、私がthe old answerのために作成the old demo、からのコードを使用しているようです。デモでは、jQueryのUIダイアログを使用します。したがって、あなたは最小限の変更での作業のデモを作るために、あなたは修正デモhttps://jsfiddle.net/OlegKi/615qovew/112/作品jquery-ui.min.js例えば、jQueryのダイアログとして使用されるのdiv、

<div style="display:none;" id="dialog-confirm" title="Confirm"> 
    <p>Are you sure want send this names:</p><p><span id="names"></span></p> 
</div> 

を含める必要があります。必要に応じて、jQuery UIをBootstrapダイアログに置き換えることができます。

無料のjqGrid 4.13.3をデモの現在の無料のjqGrid 1.14.0に置き換えました。 autoresizeOnLoad: trueオプションとresetWidthOrg: trueプロパティーをautoResizingと追加して、列幅をコンテンツの幅に比例してサイズ変更できるようにしました(詳細はthe issueを参照)。

+0

ありがとうございます。既存のテーブルの行にもラジオボタンを追加することは可能ですか? enitireテーブルでは1つのラジオボタンしか選択できませんでした。これは、ラジオボタンが選択されたことをどのようにして知るのか、という1つの疑問が生じます。出来ますか? – user244394

+0

@ user244394:[the answer](http://stackoverflow.com/a/7401729)用に作成された[古いデモ](http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWidthRadioButton.htm)をご覧ください。/315935)。それはあなたが必要とするものですか? 1つのグリッドのすべてのラジオボタンに対して同じ 'name'属性を持つラジオボタンを設定するために、カスタムフォーマッタを使うだけです。 'beforeSelectRow'のオプションのコードは、同じ行の他の列をクリックするとラジオボタンの選択を強制します。 – Oleg

+0

@ Oleg-右側のラジオボタンをテーブルhttps://jsfiddle.net/dev2020/615qovew/113/に追加したいのですが、チェックボックスもそこにあり、使用可能です。私の2番目の質問は、チェックボックスがあるときに、選択したラジオボタンの値を取得する方法です。 ? – user244394

関連する問題