带 backbone 的 rivets ：在href/onclick属性上调用方法(函数)

hc8w905p 于 2022-11-10 发布在其他

关注(0)|答案(1)|浏览(153)

我想做的是调用一个函数，如下所示，我还想把当前元素（item）作为参数传递给函数。

<tr rv-each-item="items:models">
    <td><a href="javascript:selectedItem(item);">{ item:Name }</a></td>
</tr>

var selectedItem = function (item)
{
    console.log(item);
}

虽然搜索周围，我发现下面的讨论很有帮助，但不能解决我的问题，因为它没有实现 Backbone
https://github.com/mikeric/rivets/issues/554
Rivets.js: When button is clicked, call a function with an argument from a data binding

backbone.js

来源：https://stackoverflow.com/questions/46451608/rivets-with-backbone-calling-method-function-on-href-onclick-attribute

1条答案

按热度按时间

egdjgwm81#

虽然周围的工作，我发现不同的方法，可以帮助，张贴在这里，如果有人可以得到帮助或改善，如果有任何事情需要。

选项1

<body>
    <div rv-each-book="model.books">
        <button rv-on-click="model.selectedBook | args book">
            Read the book {book}
        </button>
    </div>
</body>

<script type="text/javascript">
    rivets.formatters["args"] = function (fn) {
        var args = Array.prototype.slice.call(arguments, 1);
        return function () {
            return fn.apply(null, args);

        };
    };

    rvBinder = rivets.bind(document.body, {
        model: {
            selectedBook: function (book) {
                alert("Selected book is " + book);
            },
            books: ["Asp.Net", "Javascript"]
        }
    });
</script>

选项2创建自定义活页夹

<body>
    <div rv-each-book="books">
        <a rv-cust-href="book">
            Read the book {book}
        </a>
    </div>
</body>

<script type="text/javascript">

    rivets.binders['cust-href'] = function (el, value) {
        //el.href = '/Books/Find/' + value;
        //OR
        el.onclick = function() { alert(value);};
    }

    rvBinder = rivets.bind(document.body, {
            books: ["Asp.Net", "Javascript"]
    });
</script>

选项3由于我使用了带有 Backbone.js 的rivetsjs，因此我还可以在 Backbone.js 视图上获得事件的优势

// backbone view
events: {
    'click #linkid': 'linkclicked'
},
linkclicked: function (e){
    console.log(this.model.get("Name"));
},

<td><a id="linkid" href="#">{ item:Name }</a></td>

赞(0）回复(0）举报 2022-11-10

我来回答

带 backbone 的 rivets ：在href/onclick属性上调用方法(函数)

1条答案

相关问题

热门标签

最新问答