iggridupdating - 입력 할 때 격자 셀 값 업데이트

Infragistics의 igGrid를 사용하여 회사의 웹 응용 프로그램에서 데이터를 처리하고 있습니다. 우리는 사용자 데이터 상호 작용 (레코드 추가/편집/삭제 /보기)을 위해 그리드를 "편집 가능한 그리드"로 사용하고자합니다.iggridupdating - 입력 할 때 격자 셀 값 업데이트

재생하려는 시나리오는 사용자가 유효한 항목 이름을 새 행의 한 셀에 입력하면 다음 셀에 해당 항목에 대한 설명이 자동으로 채워집니다. 지금까지는 자동으로 업데이트 할 수 없습니다.

출처

2013-06-18 jonny12mac

나는 the official "Editing Combo Editor" sample는 "제품 이름"열은 "가격"열을 자동 채우기 변경, 당신의 설명에서 언급 한 바와 같이 당신이 :)

찾고있는 대답을 줄 것이라고 믿는다. NB : 당신은

당신이 원하는 결과를 얻기 위해 구현해야하는 2 단계가있다 첫째 불구하고 "분류 이름"을 선택해야합니다 다음 igCombo의에

이

후크는 "선택 변경 "는 igGrid의 맥락에서 이벤트는, igCombo 인스턴스는 igGrid의 DOM 어린이가 될 것이기 때문에 :

$(document).delegate("#grid1", "iggridrendered", function (evt, ui) { 
var updating = $("#grid1").data("igGridUpdating"); 
var editor = updating.editorForKey("ProductID"); 
if (editor) { 
    $(document).delegate("#comboProductID", "igcomboselectionchanged", comboSelectionChanged); 
} 
else { 
    var colSettings = updating.options.columnSettings; 
    colSettings[2].editorOptions.selectionChanged = comboSelectionChanged; 
}});

가 원하는 열 (이 경우 가격)에 대한 편집기 필드를 업데이트하는 이벤트 핸들러를 작성합니다 :

function comboSelectionChanged (evt, ui) { var items = ui.items || []; if (items.length === 1) { var item = items [0]; var editor = $ ("# grid1"). igGridUpdating ("editorForKey", "Price"); $ (편집자) .igEditor ("value", products [item.index] .Price); } } 단계가 (바로 그리드 아래) 샘플의 HTML 코드보기에서 촬영

. 코드 뷰 스 니펫을 더 자세히 보려면 여기를 독립형 JSFiddle에 배치했습니다. http://jsfiddle.net/BorislavTraykov/4uJBD/

해결책이 해결되지 않으면 당신이 성취하고자하는 시나리오.

출처

2013-06-19 12:08:39

iggridupdating - 입력 할 때 격자 셀 값 업데이트

답변

관련 문제