在jquery中获取数据绑定值

时间:2013-08-02 14:20:46

标签: jquery knockout.js

我正在使用knockout js来设置跨度值。

HTML代码

<span id="spnQStreamChat" data-bind="text: $data.OnLineUserName"></span>

这很好,并在用户界面上显示用户名。

我试图从js文件中获取该值。 使用下面的代码

alert($(this).attr('data-bind'));

这是服务结果,如 text:$ data.OnLineUserName 。我想要我分配的用户名。

在UI中显示Bhagirathi但在js中显示数据绑定中存在的内容

如何在js文件中获取Name(意思是:Bhagirathi)

请帮助解决这个问题

提前致谢

[编辑]

$(document).on("click", ".btn-mini", function (e) {
    alert(ko.contextFor($('.btn-mini')[0]).$data.OnLineUserName);
    try {
        var connectionId = chatHub.server.getUserConnectionId($(this).attr('data-bind').username, sessionUserName);
    }
    catch (e) {
        //error
    }
});

[/编辑]

1 个答案:

答案 0 :(得分:12)

您可以使用

获取元素的敲除上下文
ko.contextFor($('#spnQStreamChat').get(0))

这将返回一个像

这样的对象
ko.bindingContext {$parents: Array[1], $root: ViewModel, ko: Object, $data: SomeObject, $parentContext: ko.bindingContext…}

其中$ data是您的$ data对象。所以要获得名称,你需要像

这样的名字
ko.contextFor($('.button.btn.c_btn').get(0)).$data.OnLineUserName()

当您需要获取$ data对象时,这种方式更有用。否则你可以使用jQuery获取span的'text'