0

我经常在需要更改的网页上显示文本数据。

目前，我编写了一个自定义 mouseEvent 处理程序来显示一个“编辑”按钮弹出一个div带有可观察边界span的鼠标悬停。如果用户单击它，我会隐藏一个spanvia visibleknockoutJS 绑定并显示一个文本input以允许编辑。在选项卡上，我保存编辑更改并再次显示更新span。

是否有包含所有这些功能的自定义开源 KOJS 绑定。我不是要求为我写它，只是指出它，因为这个任务很常见，而且 KO 似乎有一个很好的基础来优雅地实现它。

4

2 回答 2

0

实际上，有这样的东西，它甚至看起来很棒。

https://github.com/brianchance/knockout-x-editable

在这里查看它的实际效果：http: //vitalets.github.io/x-editable/demo-bs3.html

希望有所帮助:)

于 2014-06-13T20:25:48.103 回答
0

您的问题是如何使用字符串作为模板引擎的源代码？如果是这样，我已经为我的一个绑定做到了

https://github.com/AndersMalmgren/Knockout.Bindings/blob/master/src/knockout.bindings.js

我的仓库中的相关代码

var stringTemplateSource = function (template) {
    this.template = template;
};

stringTemplateSource.prototype.text = function () {
    return this.template;
};

var stringTemplateEngine = new ko.nativeTemplateEngine();
stringTemplateEngine.makeTemplateSource = function (template) {
    return new stringTemplateSource(template);
};

并使用它

ko.bindingHandlers.myCustomBinding = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            ko.renderTemplate('<span data-bind="text: $data"></span>', bindingContext.createChildContext(valueAccessor()), { templateEngine: stringTemplateEngine }, element, "replaceChildren");

            return { controlsDescendantBindings: true };
        }
于 2012-08-29T07:08:46.110 回答