2016-09-22 73 views
-2

我不知道哪裏出了問題,我已經定義了函數,但它仍然給出錯誤。Uncaught TypeError:showItems不是函數

var sampleData = [ 
    { id: 1, name: "name", items: ["foo", "bar"] } 
]; 
var defaultColumns=[ 
    { field: "id" }, 
    { field: "name" }, 
    { field: "items", "template":kendo.template("#= showItems(items) #") } 
]; 


$("#grid").kendoGrid({ 
    dataSource: {data:sampleData}, 
    columns:defaultColumns 
}); 
function showItems(arr) { 
    return arr.join("</br>") ; 
} 

My sample code

+1

不要鏈接到你的代碼只是把它在問題本身。 – jcubic

+0

當我把代碼放在代碼片段中。它工作得很好,但在JS斌有完全相同的,但它給了我那個錯誤 – Cylex

回答

0

我能夠宣佈在全球的showItems解決解決方案,它完美的罰款。

function showItems(arr) { 
 
     return arr.join("</br>"); 
 
    } 
 

 
    var sampleData = [{ 
 
     id: 1, 
 
     name: "name", 
 
     items: ["foo", "bar"] 
 
    }]; 
 
    var defaultColumns = [{ 
 
     field: "id" 
 
    }, { 
 
     field: "name" 
 
    }, { 
 
     field: "items", 
 
     "template": kendo.template("#= showItems(items) #") 
 
    }]; 
 

 

 
    $("#grid").kendoGrid({ 
 
     dataSource: { 
 
     data: sampleData 
 
     }, 
 
     columns: defaultColumns 
 
    });
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>Kendo UI Grid</title> 
 

 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" /> 
 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.silver.min.css" /> 
 

 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
 
    <script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script> 
 
</head> 
 

 
<body> 
 

 
    <div id="grid"></div> 
 

 

 
</body> 
 

 
</html>

0
var sampleData = [ 
    { id: 1, name: "name", items: ["foo", "bar"] } 
]; 
var defaultColumns=[ 
    { field: "id" }, 
    { field: "name" }, 
    { field: "items", template: showItems } 
]; 


$("#grid").kendoGrid({ 
    dataSource: {data:sampleData}, 
    columns:defaultColumns 
}); 

function showItems(arr) { 
    return arr.items.join("</br>") ; 
} 
相關問題