Javascript 将图标设置为剑道ui选项卡而不是文本?
我只想显示一个图标,而不是在tabstrip选项卡上使用文本(选项卡的标题,而不是按下选项卡时弹出的内容) 我有这个标签:Javascript 将图标设置为剑道ui选项卡而不是文本?,javascript,svg,kendo-ui,icons,kendo-tabstrip,Javascript,Svg,Kendo Ui,Icons,Kendo Tabstrip,我只想显示一个图标,而不是在tabstrip选项卡上使用文本(选项卡的标题,而不是按下选项卡时弹出的内容) 我有这个标签: $('#filterTabStrip').kendoTabStrip({ //animation: false, collapsible: true, dataTextField: 'text',
$('#filterTabStrip').kendoTabStrip({
//animation: false,
collapsible: true,
dataTextField: 'text',
dataImageUrlField: 'imageUrl',
dataContentField: 'content',
dataSource: [
{
text: 'Users',
//imageUrl: $('#user_tab_image').html(),
content: $('#user_filter_template').html()
},
{
text: 'Location',
//imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#location")}'
content: $('#location_filter_template').html()
},
{
text: 'Description',
//imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/action-sprite/svg/symbols.svg#description")}'
content: $('#description_filter_template').html()
},
{
text: 'Type',
//imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#picklist")}'
content: $('#type_filter_template').html()
},
{
text: 'Custom',
//imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#apps")}'
content: $('#user_filter_template').html()
}
]
});
我曾尝试使用静态资源URL以及在html模板中设置svg图像,然后将imageURL设置为该模板,但这也不起作用
我希望这是可能的。谢谢您的帮助。您可以尝试为dataTextField设置一个空文本,并提供需要显示的图标的imageUrl。类似的东西可能会有帮助 我看到,问题是我使用的图标来自静态资源svg,而不是jpg、png或sprite表。。。因此,仅仅按照这个例子是不起作用的,我想知道是否有办法让它与svg图像一起工作。我的问题更多,我想知道是否有一种方法可以在其中获得svg图标,而不是像示例中那样使用jpg、png或spritesheet。@TylerDahle:我已经更新了reference.svg文件答案中的Dojo链接。谢谢!这使我的图标上升。比怀疑的要容易,哈哈。如何在angular 2中做到这一点?