准备在文档上的跨度标题不能在剑道标签条中使用

时间:2018-11-23 08:15:09

标签: jquery asp.net-mvc kendo-asp.net-mvc kendo-tabstrip

我有用于剑道网格行的剑道标签条,它使用局部视图。如果有图像,它将显示图像。现在,如果没有可用的图像,我想显示默认图像。图片以url形式提供。

我试图通过标签栏的文档准备事件来实现它。最近我添加了一个带有标题的跨度,以查看是否能够获取该值并应用逻辑,但是它不起作用。

  

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

没有给出任何值。  但是,当我使用默认的跨度标题时,便可以获取该值。

以下代码: 1.标签栏

@(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>
  1. 以下是跨度在开发人员工具中的显示方式。

enter image description here

请帮助。谢谢。

0 个答案:

没有答案