无法识别敲除removeAll()

Question

我有一个将视图模型绑定到jQuery UI对话框中的HTML表的页面。

当用户关闭对话框时，我想删除绑定到observableArray表的视图模型中的所有元素。我使用的是removeAll()方法，但是我的firebug告诉我它不能被识别为一个函数。

你能帮帮我吗?

这是一个简化的场景。

HTML

<input type="button" id="open" value="GO!"><br />
<div id='hidden'>
    <table>
        <tbody data-bind="foreach: i">
            <tr>
                <td><span data-bind="text: code" /></td>
                <td><span data-bind="text: descr" /></td>
            </tr>
        </tbody>
    </table>
</div>

JS

$(function () {

    function vm() {
        this.items = [
            {code: "2011",descr: "descr 2011"},
            {code: "2012",descr: "descr 2012"}, 
            {code: "2013",descr: "descr 2013"}
        ];

        this.i = ko.observableArray(this.items);

        this.clearFoundEvals = function()
        {
            this.i.removeAll();
        };

        return this;
    }

    ko.applyBindings(new vm());

    $dialog = $('#hidden').dialog({
        autoOpen: false,
        height: 200,
        width: 300,
        buttons: {
            cancel: function () {
                vm.clearFoundEvals();
                $(this).dialog('close');
            }
           }
        });

        $('#open').click(function(){
            $dialog.dialog('open');
        });    
    });    

Working example

Answer 1

您尚未将视图模型分配给变量，因此在cancel方法中不存在该变量：

var vm = new vm();
ko.applyBindings(vm);

jsFiddle