在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树形视图中将箭头符号加号（+）和减号（ - ）

回答

相关问题