KendoUI 컨텍스트 메뉴 용 템플릿

컨텍스트 메뉴를 JSON 데이터 소스에 연결하려고하는데 템플리트를 설정할 수 없습니다.KendoUI 컨텍스트 메뉴 용 템플릿

나는 (워드 프로세서에 지정된대로) 내가 사용하려고하면

var dataSource = [{ 
    text: "hello", 
    imageUrl: "pencil_icon.png", 
    content: "I'm on the side" 
}]

모든 벌금과 멋쟁이,

그러나 (그것은 내가 상상하는 몇 가지 기본 템플릿을 사용하고) 이런 데이터 소스가있는 경우 내 자신의 템플릿, 모든 정의되지 않습니다.

<script type="text/x-kendo-template" id="contextMenuTemplate"> 
    <li data-action="#=onClickJavascript#"><img src="@Web_Helpers.StratosphereImageUrl("#=image#")" /> #=text#</li> 
</script>

var dataSource = [{ 
      text: "bonjour", 
      image: "@@Pencil_Icon", 
      onClickJavascript: "alert('hello');" 
}] 

var menu = $("#contextMenu").kendoContextMenu({ 
       template: kendo.template($("#contextMenuTemplate").html()), 
       dataSource: dataSource, 

....

어떻게 검도 상황에 맞는 메뉴와 템플릿을 사용할 수 있습니까?

출처

2014-10-23 Chase Florell

당신은 상황에 맞는 메뉴

$.each(data, function (key, value) { 
    items.push({ 
     text: '<span data-action="' + value.OnClickJavascript + '">' + value.Text + '</span>', 
     encoded: false, 
     imageUrl: st.SharedContextMenuCommon.StratosphereGlobalImageUrl + value.Image 
    }); 
});

출처

2014-11-14 14:13:17

template 실제로 문서화되지 않을 것으로 보인다 : 나는 그것을 사용하려고하면 http://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu

, 요소를 제거하는 것 같다 그냥 텍스트를 떠난다. http://dojo.telerik.com/aSenu

소스를 조금 찔러 보았지만 실제로는 template 옵션이 사용 된 곳을 볼 수 없었습니다. 그것이 문서화되지 않은 것을 보아서, 실제로 사용되지 않기 때문에 올바르게 작동하지 않는다고 가정합니다.

출처

2014-10-24 00:41:54 CodingWithSpike

흥미, 감사의 text 속성에 HTML을 푸시 할 수 있습니다. 나는 내가 무엇을 생각해 낼 수 있는지 알기 위해 손을 내밀 것이다. 감사! –

데이터 소스에 사용 된 기본값이기 때문에 텍스트를 유지합니다. –

KendoUI 컨텍스트 메뉴 용 템플릿

답변

관련 문제