首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止在GroupHeader列中单击事件?

如何防止在GroupHeader列中单击事件?
EN

Stack Overflow用户
提问于 2018-10-23 06:45:46
回答 1查看 0关注 0票数 0

相当标准的telerkik mvc东西。我有一个像这样的分组网格设置:

代码语言:javascript
复制
           .DataSource(ds => ds
                            .Ajax()
                            .Filter(filter =>
                            {
                                filter.Add(m => m.Active).IsEqualTo(true);
                                //If an origin has been specified in the url from the origins page, filter by its name
                                if (ViewBag.OriginName != null) { filter.Add(m => m.Origin.Name).IsEqualTo(ViewBag.OriginName); }
                            })
                            .Model(model =>
                            {
                                model.Id(q => q.ID);
                                model.Field(q => q.Origin).DefaultValue(new DispatchCrude.Models.Origin());
                            })
                            .PageSize(Settings.DefaultPageSize)
                            .Sort(sort => { if (Request.QueryString.Keys.Count == 0) { sort.Add("Origin.Name").Ascending(); sort.Add("TankNum").Ascending(); } }) // Initial Sort
                            .Group(groups => groups.Add(p => p.Origin.Name))
                            .Create(create => create.Action("Create", "OriginTanks"))
                            .Read(read => read.Action("Read", "OriginTanks"))
                            .Update(update => update.Action("Update", "OriginTanks"))
                            .Destroy(update => update.Action("Delete", "OriginTanks"))
                            .Events(events => { events.Error("onDSErrors"); events.RequestEnd("onDSRequestEnd"); })
                        )

当在组中单击一行时,它会在第二个网格中加载数据。问题是,如果单击组列,它就像您单击组中的第一个项目并加载第二个网格一样。这不一定是坏事,但它不会在网格项上显示突出显示。 2种可能的解决方案:1)防止在组头中单击2)在单击标题时突出显示行中的项目1。

有人有解决方案吗?这是click事件处理程序:

代码语言:javascript
复制
function Display_Tank_Information(e) {
    $(this).closest("tr").addClass("t-state-selected") // add the css class
        .siblings()
        .removeClass("t-state-selected") // remove css class from other rows
    //start the spinner because this function can take a little while to complete at times
    $("#spinner").addClass("fa-spinner fa-pulse");

    //When clicking on a tank row, make sure the origin link doesn't "disappear" 
    //due to the very similar color of the selection on the row in grid tanks
    //******
    //Put all non-selected links back to normal
    //Fix selected row's link color for visibility
    //******

    debugger;
    var data = this.dataItem(this.select());
    tankid = data.id;

    $.ajax({
        url: "/OriginTanks/TankInfo_Display",
        type: "GET",
        data: { TankID: tankid }
    })
    .done(function(result) {
        $("#TankDetails").html(result);
    })

}

我在它的开头有代码来覆盖突出显示,但它不起作用。帮助将不胜感激:)

EN

回答 1

Stack Overflow用户

发布于 2018-10-23 16:09:46

我们通过检查click事件是否来自groupheader来解决这个问题,如果是,则将焦点设置为第一个子节点。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002969

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档