jqgrid의 Onchange 이벤트

Question

스위치 상태를 ON 및 Off로 나타내는 jqgrid 테이블에 두 개의 드롭 다운 필드가 있습니다.

사용자가 하나의 스위치에서 '켜짐'옵션을 선택하면 다른 스위치 옵션이 '꺼짐'으로 바뀌고 그 반대도 마찬가지입니다. 한 번에 사용자는 스위치에서만 활성화 할 수 있습니다. 두 스위치 모두 'OFF'상태 일 수 있지만 'ON'상태 일 수는 없습니다. 그래서 위의 경우 onchange 이벤트가 필요합니다. 사용자가 Switch1에 대해 'ON'옵션을 선택하면 Switch2가 OFF로 변경되어야하고 사용자가 Switch2에 대해 'ON'옵션을 선택하면 Switch1이 OFF로 변경되어야합니다. 제발 몇 가지 아이디어를 공유하십시오.

다음은 JQuery와 이벤트가 드롭 다운 변경 이벤트를 수신 할 수 있습니다 내 코드

grid_data = [{'Switch_1':'OFF', 'Switch_1':'OFF'}, 
     {'Switch_1':'ON', 'Switch_1':'OFF'}, 
     {'Switch_1':'OFF', 'Switch_1':'ON'},] 
colNames:['Switch 1', 'Switch 2'], 
colModel:[ 
    {name:'Switch_1',index:'Switch_1', width:55,editable:  true,edittype:"select",editoptions:{width:20, value:"0:OFF;1:ON"}} 
    {name:'Switch_2',index:'Switch_2', width:55,editable: true,edittype:"select",editoptions:{width:20, value:"0:OFF;1:ON"}} 
     ] 

Answer 1

입니다. 어떤 시점에서 당신은 상태를 결정하기위한 어떤 논리를 할 수 있습니다.

$('#switch1').change(function(){ 
    if($('#switch1').val() == 'ON'){ 
     $('#switch2').val('OFF'); // you should put the value you set for off 
    } 
}); 

$('#switch2').change(function(){ 
    if($('#switch2').val() == 'ON'){ 
     $('#switch1').val('OFF'); // you should put the value you set for off 
    } 
});