Команда KendoUI с шаблоном Проблема с сеткой KendoUI

0

Я использую сеть kendoUI и новичок в ней. У меня проблема в следующем коде.

columns:[
{
    command:"edit",
    template:"<a href ='index_code.html' > #=edit# </a>",
    width: "80px",
},
{
    field: 'edit',
    template: '<a href="index_code.html"> #=edit# </a&gt'
}]

когда я нажимаю на поле редактирования поля, он переводит страницу в index_code.html.

но это не происходит в столбце редактирования команды, он не выполняет никаких действий.

Как активировать командную кнопку?

Теги:
kendo-ui
kendo-grid

2 ответа

0

Попробуйте это,

columns:[
{
     command:  "edit",
     width : 100
},
{
     field: 'edit',
     template: '<a href="index_code.html" class="k-button k-button-icontext"><span class="k-icon k-edit"></span>#= City #</a>',
     width: 100
}]

скрипт

$('.k-grid-edit').on("click", function () {
    alert('hi');
});

см. демо здесь: http://jsfiddle.net/626qB/4/

0

Не уверен, чего вы пытаетесь достичь, но:

  1. при использовании command вы не можете использовать template.
  2. при определении command вы ожидаете, что каждая button должна иметь один и тот же текст.

Но если вы хотите, чтобы он выглядел как кнопка, несмотря на то, что это ссылка, возможно -of course- с использованием template.

Пример:

columns   : [
    {
        field: 'edit',
        template: '<a href="index_code.html" class="k-button k-button-icontext"><span class="k-icon k-edit"></span>#= City #</a>',
        width: 100
    } 
]

JSFiddle здесь: http://jsfiddle.net/626qB/1/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню