javascript - findItemByText 在 typescript 中未定义

Question

我在 js 中编写了一个函数，用于启用/禁用 telerik RibbonBar 的元素。当我尝试用 typescript 再次编写它时，调用函数“findItemByText”时出现错误。

///enable / disable elements in the ribbonbar. example (true/false , "RadRibbonBar1", "");
function enableRibbonElement(enbaled_state_bool, ribbonbar_id, elements) {
    var rb = $find(ribbonbar_id);
    for (var i in elements)
        rb.  findItemByText  (elements[i]).set_enabled(enbaled_state_bool);
}

Answer 1

问题不在于调用未定义的函数 (findItemByText)，但转换到正确的 Telerik 元素。

首先我们必须包含一个 Telerik 定义文件 (Telerik.Web.UI.d.ts)，然后我们需要转换该元素。我们可以通过不同的方式来做到这一点:

<强>1。声明元素时强制转换

/** enable / disable elements in the ribbonbar. example (true/false , "RadRibbonBar1", "");  */
function enableRibbonElement1(enbaled_state_bool, ribbonbar_id, elements) {
    var rb: Telerik.Web.UI.RadRibbonBar = <any> $find(ribbonbar_id);
    for (var i in elements)
        rb.findItemByText(elements[i]).set_enabled(enbaled_state_bool);
}

<强>2。在处理元素时将其强制转换为“any”

function enableRibbonElement1(enbaled_state_bool, ribbonbar_id, elements) {
    var rb = $find(ribbonbar_id);
    for (var i in elements)
        (<any>rb).findItemByText(elements[i]).set_enabled(enbaled_state_bool);
}

<强>3。声明时:避免从其他类型(数字、字符串)进行转换(感谢 zlumer):

/** enable / disable elements in the ribbonbar. example (true/false , "RadRibbonBar1", "");  */
function enableRibbonElement1(enbaled_state_bool, ribbonbar_id, elements) {
    var rb = <Telerik.Web.UI.RadRibbonBar>$find(ribbonbar_id);
    for (var i in elements)
        rb.findItemByText(elements[i]).set_enabled(enbaled_state_bool);
}