3

有没有办法向一个函数发送多个参数WinJS.Binding.converter()？考虑以下数据和输出：

        { contactName: "Tara Miller",  mainNumber: "555-405-6190", alternateNumber: "555-209-1927" },
        { contactName: "Bryan Bond",                               alternateNumber: "555-574-4270" },
        { contactName: "Jenna Siever", mainNumber: "555-843-8823", alternateNumber: "555-799-5424" },

在此处输入图像描述

这是HTML。MyData.chooseBestNumber转换器函数用于显示一个人的主要电话号码，或者如果他们没有主要号码，则显示“无主要号码” ：

<div id="listViewTemplate" data-win-control="WinJS.Binding.Template">
    <div class="contactCard">
        <div data-win-bind="innerText: contactName"></div>
        <div data-win-bind="innerText: mainNumber MyData.chooseBestNumber"></div>
    </div>
</div>

这是定义转换器功能的JS：

WinJS.Namespace.define("MyData", {
    chooseBestNumber: WinJS.Binding.converter(function (mainNumber) {
        if (mainNumber) return mainNumber;
        else return "no main number";
    }),
});

以下是我最终希望能够做的...将多个参数传递给转换器函数，以便我可以返回主编号（如果已定义）、备用编号（作为后备），或一条消息（如果一切都失败了）：

WinJS.Namespace.define("MyData", {
    chooseBestNumber: WinJS.Binding.converter(function (mainNumber, alternateNumber) {
        if (mainNumber) return mainNumber;
        else if (alternateNumber) return alternateNumber; 
        else return "no phone numbers";
    }),
});

是否可以向一个函数发送多个参数WinJS.Binding.converter()？

4

1 回答 1

7

您实际上可以将您的电话号码 div 绑定到this关键字，这将有效地innerText将该 div 的属性绑定到整个模型对象。这样，在您的转换器中，您就可以访问整个模型。

因此，您更新后的代码将如下所示：

HTML

<div id="listViewTemplate" data-win-control="WinJS.Binding.Template">
    <div class="contactCard">
        <div data-win-bind="innerText: contactName"></div>
        <div data-win-bind="innerText: this MyData.chooseBestNumber"></div>
    </div>
</div>

JavaScript 转换器

WinJS.Namespace.define("MyData", {
    chooseBestNumber: WinJS.Binding.converter(function (model) {
        if (model && model.mainNumber) return mainNumber;
        else if (model && model.alternateNumber) return alternateNumber;
        else return "no main number";
    }),
});
于 2013-02-05T19:53:54.667 回答