2017-04-06 9 views
0

그리드의 필드에서 값을 가져 와서 그리드의 바닥 글에 넣고 싶습니다. 클릭하면 http://dojo.telerik.com/UWOvi/2바닥 글 켄도 그리드에 필드 값을 입력하는 방법은 무엇입니까?

이것은 부트 스트랩 팝 오버에 데모 그리드 내에서 연락처 이름이 표시됩니다 : 당신을 위해 간단한 도장을 준비했습니다

 columns: [ 
      {field: "product", title: "Product"}, 
      {field: "price", title: "Price"}, 
      {field: "priceDoubledInFooter", title:"priceDoubledInFooter",footerTemplate:#=price*price#}, 

     ] 
+0

이 예제를 보았습니까 : http://demos.telerik.com/kendo-ui/grid/aggregates –

+0

네,하지만 그룹 템플릿이 필요없고 집계가 필요합니다. 값을 복사해야합니다. 필드에서 바닥 글까지 – DraganK

답변

0

처럼 할 수있는 현명한 방법이있다.

특정 요구 사항을 알지 못하면서 한 열의 모든 값을 팝업에 포함 시켰습니다.

getMeValues()이라는 함수를 만들어 footerTemplate에 할당하면이 작업을 수행 할 수 있습니다.

이 기능은 다음을 수행합니다

function getMeValues(data) 
    { 
    var gridDS = $('#grid').data('kendoGrid').dataSource.data(); 

    var result = ''; 

    gridDS.forEach(function(row, index){ 
     result += index + '::' + row.ContactName + '<br/>'; 
    }); 

return '<button class="btn btn-primary" data-container="body" data-toggle="popover" data-title="I am some data" data-content="' + result + '"/>' + ' Click Me</button>'; 

}

내가 그리드에 대한 DataSource에 내 data에 액세스 한 다음 연락처 이름 필드를 반복하고 VAR에 그것을 추가 할 수 있습니다. 마지막으로 내용을 표시하기 위해 팝 오버를 활성화하는 꼬리말에 배치 된 버튼을 만듭니다.

새로 만든 단추를 작동 시키려면 그리드의 dataBound 이벤트 내에서 popover 이벤트를 바인딩하여 나를위한 단추를 활성화해야합니다.

구체적으로이 예를 변경하십시오. 추가 질문이 있으면 기꺼이 도와 드리겠습니다.

+0

예! 그게 내가 찾고 있던거야! 엄청 고마워! – DraganK

+0

이봐, 이제는 하나의 행만 필요해. foreach 루프는 필요 없어. 어떻게 함수 (행, 인덱스)없이 행 값에 액세스 할 수 있습니까? – DraganK

+0

액세스 할 행을 어떻게 알 수 있습니까? 행을 알고 있으면 그리드의 데이터 컬렉션에서 반환 된 배열의 인덱스를 누르기 만하면됩니다. 예. 'gridDS [10]'은 데이터 컬렉션의 11 번째 행에 접근 할 것입니다. –