Подсказка Кендо для кнопки

Следующий код показывает заголовок без стилей кендо:

<button data-role="button" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
    </button>

в то время как этот код показывает заголовок со стилями кендо, но без выноски:

<button data-role="tooltip" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
    </button>

Как я могу показать всплывающую подсказку кендо для кнопки со стилями кендо и выноской в ​​​​способе MVVM?


mvvm kendo-ui kendo-tooltip
person Tarek Salah    schedule 18.06.2014    source источник
comment
в чем разница? они оба выглядят одинаково   -  person Mr.Cocococo    schedule 19.06.2014
comment
Разница в том, что data-role=button запускает событие click, но не показывает всплывающую подсказку в стиле кендо. Он покажет всплывающую подсказку браузера. в то время как data-role=tooltip покажет всплывающую подсказку в стиле кендо. к сожалению, он не вызовет событие click и не покажет выноску.   -  person Tarek Salah    schedule 19.06.2014

Ответы (2)


arrow_upward
0
arrow_downward

Поскольку Kendo использует jQuery, вы можете использовать функцию jquery click.

Установите идентификатор для кнопки

 <button id="testbutton" data-role="tooltip" data-bind="click: add" data-position="top" class="k-button" title="Add">
            <i class="fa fa-file-o fa-2x"></i>
        </button>

добавить обработчик события клика

$('#testbutton').click(function(){
    alert('xx');
});
person Mr.Cocococo    schedule 19.06.2014
comment
Да, я пробовал это. Есть ли альтернативы? Я использую requirjs, и мне не нравится ретранслировать domready в моей модели просмотра. Я хочу, чтобы моя модель была прямой и чистой. - person Tarek Salah; 19.06.2014

arrow_upward
0
arrow_downward

Точно такая же проблема здесь.

Единственное решение, которое я нашел, это:

<button id="addButton" data-role="button" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
</button>

И в js, к которому вы привязываетесь:

$("#addButton").kendoTooltip({         
});

Я не смог найти чистое решение MVVM, потому что у вас не может быть более 1 атрибута роли данных, и у вас не может быть

data-role="button tooltip"

надеюсь, это поможет

person Nick    schedule 22.04.2015