具有处理程序和绑定标签属性的按钮

Question

我想在 jsviews 模板中定义一个具有点击处理程序和数据绑定的按钮属性。

假设我有这个数据：

var data = {
    Enable : true,
    DisplayName : "foo",
    SomeData : 42
};

这位帮手：

var handlers = {
    fooClicked : function(data, evt) {
        console.log(arguments);
    }
};

如何在我的模板中添加按钮以检测事件处理程序和按钮的属性？

我试过了：

<button data-link="{on ~onAvailabilityClick SomeData disabled:^{!Enable}}"> {^{>DisplayName}} </button>
<button data-link="{on ~onAvailabilityClick SomeData} disabled:^{!Enable}"> {^{>DisplayName}} </button>
{^{on ~onAvailabilityClick SomeData}}<button data-link="disabled:^{!Enable}"> {^{>DisplayName}} </button>{{/on}}

但是 none 这些作品（模板语法错误或按钮不完整，例如没有文本或没有处理程序）。

我正在使用 jsViews 0.98.4。

PS：我不知道这是否重要，但实际上，我的模板是在 for 循环中提供的，用于深层对象结构。

Answer 1

我终于成功了:

<button data-link="disabled{:!Enable} {on ~onAvailabilityClick SomeData}">
     {^{>DisplayName}}
</button>

Answer 2

您可以在此处找到有关设置多个数据-link 绑定和其他相关主题的文档：

在你的情况下，你需要写

<button data-link="disabled{:!Enable} {on ~onAvailabilityClick SomeData}">
     {^{>DisplayName}}
</button>

或者如果您愿意：

<button
  data-link="disabled{:!Enable} {on ~onAvailabilityClick SomeData} {:DisplayName}">
</button>

Button with handler and bound tag attributes