Можете ли вы добавить html-разметку в текст вкладки вкладки вкладки в документе Kendo UI во время связывания

Question

Попытка добавить «x» в мои закладки, похожие на «x» на вкладках браузера Chrome, чтобы иметь возможность щелкнуть, чтобы удалить вкладку. Просто дважды проверить, но мне кажется, вы не можете добавлять HTML-разметку для вкладок (не содержания, а сами вкладки), используя обертку MVC в методе BindTo следующим образом:

@(Html.Kendo().TabStrip() 
.Name("OrderDetailsTabs") 
.HtmlAttributes(new { @class="orderDtlTabs"}) 
.BindTo(Model, (tab, tabModel) => 
    { 
     tab.Text = "<a class='k-link'><span>Part: " + tabModel.WOHdr.OrderDetailId + 
        "<button onclick='return deleteWorkOrder(" + tabModel.WOHdr.Id +")' class='delete k-button' title='Delete Work Order'></button>" + 
        "</span></a>"; // tab text 

Я знаю, что может выполните некоторые манипуляции с DOM после загрузки вкладок, но просто посмотрите, не хватает ли я чего-то, чтобы сделать это во время привязки.

Answer 1

Ну, я в конечном итоге делает запись связывания DOMnastics обновить HTML в закладках после загрузки:

function addDeleteIconToTabs() {  
    var $tabItems = $('ul.k-tabstrip-items > li.k-item'); 
    $tabItems.each(function (index, tabLI) { 
     var strTabId = $(tabLI).attr('aria-controls'); 
     var $tabContainerDiv = $('#' + strTabId); 
     var intWorkOrderId = $tabContainerDiv.find('input.wohid').val(); 
     var strButtonHtml = "<button onclick='return deleteWorkOrder(this," + intWorkOrderId + ")' class='delete k-button' title='Delete Work Order'></button>"; 
     $(tabLI).append(strButtonHtml); 
    }); 
}