亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Kendo Grid - onclick 需要額外的點擊才能調用 jquery 方法

使用 Kendo Grid - onclick 需要額外的點擊才能調用 jquery 方法

桃花長相依 2021-08-20 19:00:06
我有 7 列(使用 html Kendo Grid),ID 列是每行的 PK 及其可見(false)。所以..當你點擊任何“名稱”數據時,它會抓取你選擇的行的PK(不可見的ID),并且會彈出一個模式屏幕,以便你可以看到更詳細的信息。目前,它按預期工作,但是,當頁面第一次加載時,我必須雙擊它才能顯示模式屏幕。一旦模式屏幕顯示,之后,onclick 事件按預期工作。但我剛剛注意到,當我按 F12 鍵查看日志時,每次 onclick 事件調用時,單擊次數都會增加(例如... x2 x3 等)。當我調試時,它在我的代碼中達到了調試點,但立即消失了,所以我很難調查。謝謝你的幫助。------具有 onclick 事件的列------Columns(columns => {columns.Bound(o => o.SiteID).Visible(false); columns.Bound(o => o.Name).Title("Your Name").HeaderHtmlAttributes(new {title = "Name(s)"}).ClientTemplate("<a class='nameLink' onclick=\"EditSite(#:SiteID#);\" style='cursor:pointer;' SiteID=\'#=SiteID#\'>#=Name#</a>");----Jquery onclick 事件 ------function EditSite(SiteID) {debugger;$('.nameLink').on('click', function () {    $('#popUpEdit').dialog({        width: 1000,        height: 920,        show: 'fadein',        hide: 'fadeout',        buttons: { "Close": function () { $(this).dialog("close"); } },        close: function () {            $("#popUpEdit input").val("");            $('#popUpEdit input').prop('checked', false);            $('#statusMessage').html("");        }    });    NameDetails(SiteID);});};
查看完整描述

1 回答

?
白衣染霜花

TA貢獻1796條經驗 獲得超10個贊

每次調用 EditSite 函數時,您都在綁定一個 onClick 函數。嘗試使用 .off() 解除任何現有處理程序的綁定。


$('.nameLink').off().on('click', function () { }

還可以嘗試包裝您的函數,以便您可以傳遞您的 SiteID 參數。


(不確定這個的正確語法)


onclick="EditSite(#:SiteID#)"

包裝函數


function EditSite(SiteID) {

  return function() {

      $('#popUpEdit').dialog({

        width: 1000,

        height: 920,

        show: 'fadein',

        hide: 'fadeout',

        buttons: { "Close": function () { $(this).dialog("close"); } },

        close: function () {

            $("#popUpEdit input").val("");

            $('#popUpEdit input').prop('checked', false);

            $('#statusMessage').html("");

        }

      });

      NameDetails(SiteID);

  }

}


查看完整回答
反對 回復 2021-08-20
  • 1 回答
  • 0 關注
  • 202 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號