在Kendo樹形視圖中將箭頭符號加號（+）和減號（ - ）

我是Kendo-UI的新手，下面是示例代碼，用於在劍道樹視圖中顯示數據。結果來了罰款，但它正顯示出展開和摺疊菜單時箭頭符號，而不是我希望把它作爲一個加號（+）和減號（ - ）：在Kendo樹形視圖中將箭頭符號加號（+）和減號（ - ）

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Kendo UI Snippet</title> 

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css"> 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css"> 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css"> 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css"> 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css"> 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css"> 

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

<div id="treeview"></div> 
<script> 
$("#treeview").kendoTreeView({ 
    animation: false, 
    dataSource: [ 
    { text: "foo", items: [ 
     { text: "bar", items: [{text:"car"}] } 
    ] } 
    ] 
}); 
</script> 
</body> 
</html>

來源

2014-10-27 majji

您應該能夠通過CSS定義樹視圖圖標：

.k-treeview .k-minus { 
    background: url('../Images/your_minus_img.png')center center; 
} 
.k-treeview .k-plus{ 
    background: url('../Images/your_plus_img.png')center center; 
}

看到一個活樣本here on Dojo

來源

2014-10-27 13:32:53 Andrea

謝謝@安德烈，但它給「無法加載指定網址」，因爲它是從「HTTP服用：// CDN。 kendostatic.com/2014.2.716/styles/「不是我的路徑 – majji 2014-10-31 05:19:07

@majji在dojo上添加了一個鏈接到現場樣本 – Andrea 2014-11-02 16:50:32

在Kendo樹形視圖中將箭頭符號加號（+）和減號（ - ）

回答

相關問題