Вкладка Kendo Tabstrip с кнопкой закрытия

У меня есть вкладка кендо с кнопкой закрытия. Проблема в том, что я не могу заставить событие нажатия кнопки закрыть эту вкладку.

 @(Html.Kendo().TabStrip()
  .Name("test")
  .Items(tabstrip =>
  {
     tabstrip.Add().Text("")
     .Selected(true)
     .ContentHtmlAttributes(new { style = "overflow: auto;" })
     .Content("");
  })
  .SelectedIndex(0)
  )

<script>
  tab.append({
    text: "" + name + " <input type='button' id='ddddd'>X</input> ",
    contentUrl: content,
    encoded: false
    //imageUrl: "/Images/close.png" <span class='tabdelete k-button'><span class=' k-icon k-i-close' ></span></span>
   })

 $("#ddddd").click(function () {
    alert("done");
 });
</script>

c# asp.net-mvc razor kendo-ui kendo-tabstrip
person Ajith    schedule 01.07.2015    source источник
comment
Где код, в который вы добавляете прослушиватель событий щелчка? Боюсь, недостаточно информации, чтобы помочь вам...   -  person Andrei V    schedule 01.07.2015
comment
где обработчик события   -  person Jagadeesh Govindaraj    schedule 01.07.2015
comment
добавлен обработчик для проверки!...   -  person Ajith    schedule 01.07.2015
comment
отредактировал мой вопрос, это нормально?   -  person Ajith    schedule 01.07.2015
comment
здесь я добавляю вкладку по нажатию кнопки, каждая вкладка нуждается в кнопке закрытия, помогите мне, пожалуйста   -  person Ajith    schedule 01.07.2015
comment
@AndreiV помоги мне плз   -  person Ajith    schedule 01.07.2015
comment
@ Аджит .. проверь мое решение   -  person Jagadeesh Govindaraj    schedule 01.07.2015
comment
Видите кнопку (X) на вкладке? Откуда вы берете переменную content? Что он содержит?   -  person Andrei V    schedule 01.07.2015
comment
@AndreiV .button текст правильный?   -  person Jagadeesh Govindaraj    schedule 01.07.2015

Ответы (2)


arrow_upward
0
arrow_downward

Попробуй это

<input type='button' class="button" id='ddddd'>X</input>


   <script type="text/javascript">
        $(function(){
             //replace your selector if u need ID
              //$('body').on('click', '#buttonID', function () {
            $('body').on('click', '.button', function () {

                alert('ddsda');
            });
        });
        </script>
person Jagadeesh Govindaraj    schedule 01.07.2015
comment
Большое спасибо, Джагадиш. - person Ajith; 01.07.2015

arrow_upward
1
arrow_downward

Ваше требование выглядит как это? http://jsfiddle.net/palanikumar/8jf2wpng/

$('.cls-btn').click(function()
{
    var index = $(this).parent().parent().index();
    var tabStrip = $('#tabstrip').getKendoTabStrip();
    tabStrip.remove(index);
    tabStrip.select(0);
});
person Palanikumar    schedule 01.07.2015