Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将图标设置为剑道ui选项卡而不是文本?_Javascript_Svg_Kendo Ui_Icons_Kendo Tabstrip - Fatal编程技术网

Javascript 将图标设置为剑道ui选项卡而不是文本?

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',

我只想显示一个图标,而不是在tabstrip选项卡上使用文本(选项卡的标题,而不是按下选项卡时弹出的内容)

我有这个标签:

$('#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中做到这一点?