검도 UI : 다른 열의 값 변경에 대한 열 데이터를 업데이트하십시오.

Question

시나리오 편집 할 때 기록 세부 정보로 구성된 팝업이 열리는 제품 세부 정보 표가 나타납니다. 수량 필드를 제외한 모든 필드는 읽기 전용입니다. 따라서 수량을 늘리거나 줄일 때 가격 열은 값에 따라 반영되어야합니다. (1) 양이 다음 10 인 경우 I는 2 수량을 증가 할 때 이 그래서가 20

질문 1) 내가 공부 한 편집기 방법 좀 반영해야한다, 나는를 사용해야합니다 수량 열에서 동일한 방법을 사용 하시겠습니까 ??

2) 어떻게 가격 열의 가치를 파악하고 그 값을 업데이트해야합니까? 편집기와 같은 메소드가 내장되어 있습니까? 나는 어떻게 갈까 ??

다음은 내가 준비한 JS 바이올린입니다. http://jsbin.com/ugeref/3/edit

감사합니다.

- Hardik

Answer 1

정의하여 DataSource로 : 당신이 quantity 시간 price있는 total 필드를 추가해야

var dataSource = new kendo.data.DataSource({ 
    data : data, 
    schema: { 
     model: { 
      id : "Id", 
      fields: { 
       productName: { editable: false}, 
       quantity : { editable: true, type : "number" }, 
       price  : { editable: false, type : "number" }, 
       total  : { editable: false, type : "number" } 
      } 
     } 
    } 
}); 

. 참고 : 또한 KendoUI가 번호임을 알리고 올바른 위젯을 생성 할 수 있도록 여러 필드 유형을 정의했습니다.

그런 다음 정의로서 grid : I가 quantity * price의 결과 템플릿을 사용하는 열을 추가 Total

$("#grid").kendoGrid({ 
    dataSource: dataSource, 
    pageable : true, 
    height : 400, 
    toolbar : ["create"], 
    columns : [ 
     { field: "productName", title: "Product Name" }, 
     { field: "quantity", title: "Quantity", format: "{0:c}"}, 
     { field: "total", title: "Total", template: "#= quantity * price #", width: "150px" }, 
     { command: ["edit", "destroy"], title: " " } 
    ], 
    editable : "popup" 
}); 

.

quantity을 업데이트 할 때마다 total은 updated이됩니다.

코드가 here