2017-02-27 1 views
0

Jqgrid 예제를 사용하여 테이블을 만드는 중이므로 모든 선택된 행의 값을 가져오고 선택한 값을 ajax를 사용하여 서버에 전달하려고합니다.jqgrid : multiselect 값이 작동하지 않습니다.

현재 선택한 버튼을 클릭하면 선택한 값이 표시되지 않습니다. 또한 내 fiddle

에 여기 링크

이 가능 각 행에 라디오 버튼을 추가하고 하나의 라디오 버튼이 전체 테이블에서 선택 될 수있다.

/***********************/ 
    $("#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 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를 부트 스트랩 대화 상자로 대체 할 수 있습니다.

무료 jqGrid 4.13.3을 데모에서 현재 무료 jqGrid 1.14.0으로 대체했습니다. autoresizeOnLoad: true 옵션과 resetWidthOrg: true 속성을 autoResizing으로 추가하여 열의 너비가 내용의 너비에 비례하여 조정되도록했습니다 (자세한 내용은 the issue 참조).

+0

정말 고마워요. 기존 테이블의 행에 라디오 버튼을 추가 할 수 있습니까? enitire 테이블에서 하나의 라디오 버튼 만 선택할 수 있습니다. 이것은 라디오 버튼이 선택되었다는 것을 어떻게 알 수 있을지에 대한 한 가지 질문이 제기됩니다. 가능한가? – user244394

+0

@ user244394 : [대답] (http://stackoverflow.com/a/7401729) 용으로 만든 [이전 데모] (http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWidthRadioButton.htm)를보십시오./315935). 그것이 필요한 것입니까? 하나의 그리드의 모든 라디오 버튼에 대해 동일한'name' 속성을 가진 라디오 버튼을 설정하기 위해 커스텀 포매터를 사용해야합니다. 'beforeSelectRow' 옵션 코드는 같은 행의 다른 열을 클릭 할 때 라디오 버튼 선택을 강제합니다. – Oleg

+0

@ Oleg- 오른쪽에있는 라디오 버튼을 테이블 https://jsfiddle.net/dev2020/615qovew/113/에 추가하고 확인란 shoudl을 사용하고 사용할 수 있습니다. 두 번째 질문은 체크 박스가있을 때 선택한 라디오 버튼의 값을 어떻게 포착 할 것인가입니다. ? – user244394