javascript - Knockoutjs:viewmodelにネストされた配列から要素を削除/追加

Question

ko.observable オブジェクトにネストされている配列から要素を削除して追加したいと考えています。ko.mapping ユーティリティを使用して、json データをビューモデルにマップしています。jsonデータ内に配列があり、要素を削除して追加したいのはこの配列です。

add および remove 関数は、HTML バインディングから呼び出されます。

これを行うには、現在のコードを参照してください。それはまったくエレガントではありません。私はそれを知っています。それが私が助けを求めている理由です。賢く見るにはどうすればいいですか？

function BaseViewModel() {
    var self = this;

    self.newItem = null;
    self.selectedItem = ko.observable();

    self.getNewItem = function () {
        return self.newCleanItem(self.newItem);
    }

    self.read = function (search, callback) {
        self.baseService.read(search, callback);
    }

    self.readCallback = function (data) {
        if (self.newItem == null)
            self.newItem = data;
        self.selectedItem(data);
        showInputContainer();
    }

    self.addLog = function () {
        var item = new self.getNewItem();
        var newItem = item.tLogs[0];
        var currentSelectedItem = ko.mapping.toJS(self.selectedItem);
        currentSelectedItem.tLogs.push(newItem);
        self.selectedItem(currentSelectedItem);
        showInputContainer(activeTab);
    };

    self.removeLog = function (item) {
        var currentSelectedItem = ko.mapping.toJS(self.selectedItem);
        currentSelectedItem.tLogs.pop(item);
        vm.selectedItem(currentSelectedItem);
        showInputContainer();
    }

    self.newCleanItem = function (data) {
        for (var d in data) {
            if (Object.prototype.toString.call(data[d]) === '[object Array]') {
                var array = data[d];
                for (var item in array) {
                    if (framework.baseFunctions().isNumeric(item)) {
                        for (var i in array[item]) {
                            array[i] = "";
                        }
                    }
                }
                data[d] = array;
            }
            else {
                data[d] = "";
            }
        }

        return data;
    }
}

私のjsondataは次のようになります。

jsondata = {
    caseName: "test",
    caseDescription: "This is a test",
    tLogs: [
        {
            name: "log1",
            date: "2013-03-19"
        },
        {
            name: "log2",
            date: "2013-02-02"
        }
    ]
}