Получение заголовка промежутка на готовом документе не работает в полосе вкладки кендо - PullRequest
0 голосов
/ 23 ноября 2018

У меня есть полоска вкладок кендо для строки сетки кендо, и она использует частичный вид.Он отображает изображение, если оно доступно.Теперь я хочу отобразить изображение по умолчанию, если оно недоступно.Изображения доступны в виде URL.

Я пытался добиться этого с помощью события готовности документа для полосы вкладок.В последнее время я добавил диапазон с заголовком, чтобы узнать, смогу ли я получить значение и применить логику, но он не работает. Диапазон с

data-bind = "attr: {title:ImgLink}

не дает никакого значения. Однако, когда я ставлю заголовок диапазона по умолчанию, я могу получить значение.

Код ниже: 1. TAB STRIP

@(Html.Kendo().TabStrip()
                                .Name("tabStrip_#=SeriesId#")
                                .SelectedIndex(0)
                                .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
                                .Items(items =>
                                {
                                items.Add().Text("Catalog Links")
                                .Selected(true)
                                .Content(@<text>
                                    @(Html.Partial("Catalogs", new CatalogModel()))

                                </text>);
                                })
                    .ToClientTemplate()
    )
<script>
    function onDetailInit(e) {        
        kendo.bind(e.detailCell.find('form'), JSON.parse(JSON.stringify(e.data.Catalogs)));

    }
</script>

2 Частичное представление

<form>
    @using (Ajax.BeginForm("Catalogs", "Series", null, new AjaxOptions { HttpMethod = "POST", OnSuccess = "OnSuccess", OnFailure = "OnFailure" }))
    {
<div id="Desc">
<div class="property">
                <label> @(Html.LabelFor(m => m.ImgLink))  </label>
            </div>

            <div class="value" id="headspan">

                <a id="L3" target="_blank" href="" data-bind="attr:{href:ImgLink}"><img src="~/Content/images/pdf.jpg" /></a>
                <span id="spanLink" data-bind="attr:{title:ImgLink}"></span>
                <span id="spanLink2" title="DefaultLink"></span>

            </div>
</div>
}
</form>

3 Jquery

<script>
    $(document).ready(function () {
        debugger;
        alert($(this).find("\\#spanLink").attr("title")); // this does not work
        alert($(this).find("\\#spanLink2").attr("title")); // this works
 })
</script>
Вот как в инструментах разработчика отображаются промежутки.

enter image description here

Пожалуйста, помогите.Спасибо.

...