Javascript 使用jquery插件autoresize（）在foreach中创建knockout.js textareas

如何将autoresize（）与knockout一起使用

这是我的代码的简化版本

<div data-bind="foreach: Rows" >
  <textarea data-bind="value: RowText" ></textarea>
</div>

---

您可以创建自定义绑定，将

自动调整大小（）

应用于所有

文本区域

：

ko.bindingHandlers.jqAutoresize = {
    init: function(element, valueAccessor) {
        var options = ko.utils.unwrapObservable(valueAccessor()) || {};

        $(element).autoResize(options);
    }
};

更新您的视图：

<div data-bind="foreach: Rows" >
  <textarea data-bind="jqAutoresize: {}, value: RowText" ></textarea>
</div>

---

您可以创建自定义绑定，将

自动调整大小（）

应用于所有

文本区域

：

ko.bindingHandlers.jqAutoresize = {
    init: function(element, valueAccessor) {
        var options = ko.utils.unwrapObservable(valueAccessor()) || {};

        $(element).autoResize(options);
    }
};

更新您的视图：

<div data-bind="foreach: Rows" >
  <textarea data-bind="jqAutoresize: {}, value: RowText" ></textarea>
</div>

轻微的输入错误，是jquery插件的autosize（）函数，而不是autoresize（）。轻微的输入错误，是jquery插件的autosize（）函数，而不是autoresize（）。多亏了artem，它成功了，只做了一点小改动。我不得不在自定义绑定处理程序上使用更新而不是init。多亏了artem，它成功了，只做了一点小改动。我必须在自定义绑定处理程序上使用更新而不是init。