각 행에 대한 조건을 기반으로 iggrid에 버튼 표시

Question

각 행에서 편집 및 삭제가 가능한 내보기에 igGrid가 표시됩니다.

레코드를 기반으로 편집 및 삭제 버튼을 표시하려고합니다. 열 데이터를 기반으로 일부 행에는 편집 및 삭제 단추가 있지만 다른 행에는 편집 또는 삭제 단추 만있을 수 있습니다. 그리드가 렌더링 될 때이 버튼을 제어하여 사용자가 적용 할 수없는 버튼을 보지 못하도록하고 싶습니다.

igGrid에서이 기능을 구현하는 방법과 내가 호출해야하는 이벤트를 알려주십시오.

Answer 1

실제로이 작업을 수행 할 수있는 방법이 있지만 가장 쉬운 방법은 Conditional Templates (행 또는 특정 열)을 사용하는 것입니다. 그것들을 사용하여 다른 컬럼의 값을 평가하고 렌더링 버튼을 기반으로 할 수 있습니다. 나는 column template sample 시작 및 편집에 대한 다른 열 추가 :

$("#grid").igGrid({ 
    //... 
    columns : [ 
     { 
      headerText : "", 
      key : "Delete", 
      dataType : "string", 
      width : "10%", 
      unbound : true, 
      template : "{{if ${MakeFlag} }}<input type='button' onclick='deleteRow(${ProductID})' value='Delete' class='delete-button'/>{{/if}}" 
     } 
     //... 
    ] 
}); 

jSFiddle : http://jsfiddle.net/damyanpetev/dVLrA/이

당신은 그것의 유일한 목적이 가능하게하는 플래그중인 경우에는 평가의 실제 컬럼에이 템플릿을 사용할 수 있습니다 버튼. 더 많은 융통성을 원하거나 두 개 이상의 연속 조건을 사용하여 두 열을 하나의 열에 넣으려면 대신 다음과 같이 jsRender를 사용할 수 있습니다. http://jsfiddle.net/damyanpetev/85ZGS/

참고 : 템플릿에서 다음과 같은 값을 평가해야하는 경우 false로 설정하십시오. 열에 바인딩되지 않습니다. 더 읽기

문서 링크 :

• 난 당신이 편집 버튼을 어떻게 할 것인지 아무 생각도 가지고 있기 때문에 - 여기가 Grid's Updating feature
• Infragistics Templating Engine
• jsRender Integration (igGrid)

에 대한 링크 없습니다