하나의 열을 텍스트 필드로 사용하고 다른 하나의 열을 데이터 값으로 사용하여 검도 UI에 DropDownList 만들기

Question

현재 검도 UI로 DropDownList를 만들려고하고 있는데 그리드의 한 열을 텍스트로 사용하려고합니다. 필드 (사용자가 보는 것)와 DropDownList가 반환하는 실제 값으로 다른 열을 비교합니다. 기본적으로 DropDownList 내에서 함께 연결하려는 ID 및 설명이 있습니다.

도움을 주시면 감사하겠습니다.

고마워요.

Answer 1

아주 간단한 것처럼 보입니다.

1. 그리드는 데이터 소스로부터 데이터를 가져옵니다.
2. DropDownLists는 DataSources에서 해당 값을 가져옵니다.
3. 두 데이터 소스 모두 동일한 데이터 소스를 사용한다면 ... 그게 전부입니다.

예 : 상태 및 ID가있는 도시 목록이 포함 된 데이터 소스가 있습니다.

var ds = new kendo.data.DataSource({ 
    transport : { 
     read: "url", 
    }, 
    pageSize: 10, 
    schema : { 
     model: { 
      fields: { 
       Id  : { type: 'number' }, 
       City  : { type: 'string' }, 
       State: : { type: 'string' } 
      } 
     } 
    } 
}); 

Grid에서는 모든 데이터를 표시하지만 DropDownList에 도시를 표시하고 값으로 ID를 사용하고자합니다.

우리가해야 할 것입니다 :

$("#grid").kendoGrid({ 
    dataSource: ds, 
    columns : 
    [ 
     { field: "Id" }, 
     { field: "City" }, 
     { field: "State" }, 
    ] 
}); 

우리가 정의하는 DropDownList로에 대한

는 :

$("#ddlist").kendoDropDownList({ 
    dataSource: ds, 
    dataTextField: "City", 
    dataValueField: "Id" 
});