如何讓kendo treeList cell成爲超鏈接？

-1

我有一個例子kendo treeList創建：http://dojo.telerik.com/akAwe/4 在這個例子中，我如何使「協議名稱」列的子單元格點擊？如何讓kendo treeList cell成爲超鏈接？

謝謝。

2015-10-06 user2439903

請嘗試使用下面的代碼片段。

<!DOCTYPE html> 
<html> 
<head> 
    <base href="http://demos.telerik.com/kendo-ui/treelist/local-data-binding"> 
    <style> 
     html { 
      font-size: 14px; 
      font-family: Arial, Helvetica, sans-serif; 
     } 
    </style> 
    <title>Jayesh Goyani</title> 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.902/styles/kendo.common-bootstrap.min.css" /> 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.902/styles/kendo.bootstrap.min.css" /> 

    <script src="//kendo.cdn.telerik.com/2015.2.902/js/jquery.min.js"></script> 
    <script src="//kendo.cdn.telerik.com/2015.2.902/js/kendo.all.min.js"></script> 
</head> 
<body> 

    <div id="example"> 
     <div id="treelist"></div> 
     <script type="text/x-kendo-template" id="template"> 
      <a href='https://www.google.com/?test=#: ProtocolName #'>#: ProtocolName #</a> 
     </script> 
     <script> 
      $(document).ready(function() { 
       var dataSource = new kendo.data.TreeListDataSource({ 
        data: [ 
{ "id": 61, "parentId": 1, "ProtocolName": "P2", "SeriesDescription": "P2 " }, 
{ "ExamStart": "9/19/2015 8:00 AM", "id": 1, "ProtocolName": "P2", "SeriesDescription": "P2 ", "parentId": null }, 
{ "id": 62, "parentId": 2, "ProtocolName": "P1", "SeriesDescription": "P1 " }, 
{ "id": 63, "parentId": 2, "ProtocolName": "P2", "SeriesDescription": "P2 ", }, 
{ "ExamStart": "9/19/2015 8:13 AM", "id": 2, "ProtocolName": "P1, P2", "SeriesDescription": "P1 , P2 ", "parentId": null } 
        ], 

        schema: { 
         model: { 
          id: "id", 
          expanded: true 
         } 
        } 
       }); 

       $("#treelist").kendoTreeList({ 
        dataSource: dataSource, 
        height: 540, 
        columnMenu: true, 
        dataBound: onDataBound, 
        columns: [{ 
         field: 'ExamStart', 
         title: 'Date/Time' 
        }, { 
         field: 'ProtocolName', 
         title: 'Protocol names', 
         sortable: false, 
         template: $("#template").html() 
        }, { 
         field: 'SeriesDescription', 
         title: 'Series descriptions', 
         sortable: false 
        }] 
       }); 
      }); 

      function onDataBound(arg) { 
       $(".k-treelist-group").each(function (index) { 
        $(this).find('a').replaceWith($(this).find('a').text()); 
       }); 
      } 
     </script> 
    </div> 


</body> 
</html>

更新1：

<script type="text/x-kendo-template" id="template"> 
    <a href='localhost:20327/\\#/dose/test'>#: ProtocolName #</a> 
</script>

讓我知道如果任何問題。

來源

2015-10-06 11:24:08

感謝您的回覆。如何只作爲超鏈接的子元素？這個例子甚至使父母可以點擊。 – user2439903

請在單獨的頁面上運行上面的代碼並檢查它。我已經刪除父項的超鏈接，並且邏輯在事件「onDataBound」中實現。 –

如何將範圍對象綁定到模板？你能幫我一個例子嗎？ – user2439903

如何讓kendo treeList cell成爲超鏈接？

回答

相關問題