如何从剑道窗口外调用 jquery 选择器？

Posted 2023-05-08

【中文标题】如何从剑道窗口外调用 jquery 选择器？

【英文标题】：how to call jquery selector from outside kendo window?

【发布时间】：2020-08-27 20:16:19

【问题描述】：

我有带有以下代码的剑道窗口，那么如何从剑道窗口外部选择 jquery ID: btnValidateConfirmPin？我也尝试使用 $(document).on("click" 它可以工作，但我不知道如何在这种情况下调用 $(this)，任何可以直接从剑道窗口调用选择器的方法？

// 剑道窗口 ...

@html.AntiForgeryToken()//Art add [2017-07-13]
<div class="formarea">
    <span class="h3-left"></span><h3 class="fixed-h3">@SharedResource.ConfrimPinHeader</h3><span class="h3-right"></span>
    <br />
    <div> ... </div>
    <div>
        <!-- this button -->
        <button id="btnValidateConfirmPin" class="button green" type="submit">@SharedResource.ContinueBotton</button>
    </div>
</div>

...

//剑道外

$("#btnValidateConfirmPins").click(function (e)  //not work );

$(document).on("click","##btnValidateConfirmPins",function()  //work but how to call $(this));

【参考方案1】：

如果我理解正确，您想在 #btnValidateConfirmPins 方法调用中使用 kendoWindow。

您可以使用 kendoWindow ID 来获取它并调用 data("kendoWindow") 函数。示例：$("#YourKendoWindowID").data("kendoWindow")

P.S.：文档点击方法有双#标记。

【讨论】：

啊不，我有持有 btnValidateConfirmPins 的 kendoWindow ，但我想从父级（不在剑道窗口中）调用它，以及如何调用 ("myKendoID").data("kendoWindow") - > btnValidateConfirmPins onclick 事件？

有道理！ :) 通过在 #btnValidateConfirmPins click 事件中调用 $(this) 来期待什么？退回按钮或其他东西？

我想在剑道窗口内按下按钮，然后每当点击时，必须触发外面的点击事件。但现在无论我点击它，点击事件都不会启动。

您可以尝试在 kendo 窗口之外定义 onclick 方法。我猜剑道窗口稍后会通过单击使用 ajax 的按钮来呈现。如此详细：首先：为剃须刀页面创建一个javascript方法，如function kendoButtonClick() console.log("Button clicked"); 第二：通过为按钮添加onclick属性来调用此方法（在剑道窗口内）：<button id="btnValidateConfirmPin" class="button green" type="button" onclick="kendoButtonClick();">@SharedResource.ContinueBotton</button> 我也将按钮类型更改为button.