剣道UIタブストリップタブのテキストにhtmlマークアップを追加できますか？

Question

タブをクリックしてタブをクリックすると、Chromeブラウザータブの「x」と同様の「x」をタブに追加しようとしています。ただ、ダブルチェック、あなたがそのようBindTo方法でMVCラッパーを使用して、あなたのタブ（ないコンテンツが、タブ自身）にHTMLマークアップを追加することはできませんようだ：

@(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

まあ、私は、彼らがロードした後のタブでHTMLを更新するために、ポスト結合DOMnasticsをやってしまった：

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); 
    }); 
}