Question

我们有一个使用Telerik RadMap控件的Web应用程序。当您将鼠标悬停在某个引脚上时，RadMap控件会包含一个工具提示。它动态地渲染它的样式，其中很多都是内联的。我唯一需要做的就是增加Telerik的Web资源生成的2个div的宽度。其中一个只有一个类而没有ID，另一个有多个类。请记住，每个引脚都有这两个div，因此它们在渲染的DOM中出现多次。这是第一个div：

<div class="k-animation-container" style="left: 714px; top: 193.12px; width: 255px; height: 234px; overflow: visible; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-left: -4px; display: block; position: absolute; z-index: 10002; box-sizing: content-box;">

这是第二个（它是第一个孩子）：

<div class="k-widget k-tooltip k-popup k-group k-reset RadMap RadMap_Default k-state-border-up" role="tooltip" style="display: block; position: absolute; opacity: 1;" data-role="popup"><div class="k-tooltip-content">

我尝试使用带有更强选择器的CSS，但样式在Page Inspector中甚至没有显示为重写。我还尝试使用jquery的addClass函数和.attr（'id'，'myCustomId'）;.似乎都没有用。

有什么想法吗？

Answer 1

您应该访问标记工具提示小部件（它是一个Kendo Tooltip）并根据需要设置其属性（例如，宽度，高度，动画等）。

http://www.telerik.com/forums/marker-tooltip-show-on-load#7svmjCUvskKO5Nr94p8svw就是一个例子：

附加到加载事件

<ClientEvents OnLoad="map_load"/>

循环标记，访问其工具提示并设置属性

function map_load(sender, args) {
           map = sender.get_kendoWidget();
           //If we have items, we'll show our item tooltip
           if (map.markers.items.length > 0) {
               map.markers.items[0].tooltip...... //set properties               
           }
       }

Telerik RadMap更改动态生成的内联样式

1 个答案: