javascript - 使用挖空更新动态生成的按钮文本

Question

我正在将数据动态加载到网格中，并且每一行都有“添加”按钮。

btn = "<a id='btnRow' data-bind='click: function()
    { ClickAdd(\"" + rowObject.Id+ "\")}'>" +
    "<i ></i><span data-bind='text:$root.StrResources.BtnAdd'/></a>";

如上所示，我正在使用数据绑定(bind)设置按钮的文本

现在单击按钮，我想将文本从“添加”更改为“已选择”我在 javascript 对象中确实有属性

StrResources: {
    BtnView: ko.observable("View"),
    BtnAdd: ko.observable("Add"),
    BtnSelected: ko.observable("Selected"),
},

在 java 脚本对象中我确实有执行添加操作的方法

empObject.ViewModel.ClickAdd = function (objectDN, objectName) {
    // here i want to write code to change the text.
};

我该怎么做？

Answer 1

您只需将文本绑定(bind)到一个可观察对象:

<button data-bind="click: changeButtonText, text: buttonText"></button>

然后在点击功能中，您将更改文本:

var Row = function(row) {
    var self = this;

    self.buttonText = ko.observable('Add');

    self.changeButtonText = function() {
        self.buttonText('Selected');
    };
};

http://jsfiddle.net/Wk7dr/3/