带警报的Kendo UI ListView删除按钮

时间:2013-12-06 10:39:33

标签: kendo-ui

我有一个列表视图,我已经添加了一个删除按钮。但它没有向我提供删除确认dailog框。我们需要为它指定任何设置吗?

以下是模板中的html for edit按钮

1 个答案:

答案 0 :(得分:2)

请看这里:文档:http://docs.kendoui.com/api/web/listview#events-remove

以下是摘录:

$("#listView").kendoListView({
    template: "<div>#: name#</div>",
    dataSource: {
        data: [
            { id: 1, name: "Jane Doe", age: 47 },
            { id: 2, name: "John Doe", age: 50 }
        ],
        schema: {
            model: {
                id: "id",
                fields: {
                    id: { type: "number" },
                    name: { type: "string" },
                    age: { type: "number" }
                }
            }
        }
    },
    remove: function(e) {
        //handle event           <---  LOOK HERE
        e.preventDefault();
    }
});

只需添加删除功能代码就像你想要的那样:

        var response = confirm('Are you crazy ?');
        if (response== false ) { }