javascript – 如何绑定div宽度/高度以形成字段？

我想创建一些div,我可以移动和调整大小,并将它们的宽度,高度等绑定到数组中的对象.所以,如果我创建了六个div,我的数组中有六个对象,每个对象都有.width,.height等.

我不太明白如何使用knockout.js将输入和span文本绑定到数组对象属性.这是我的尝试：

var counter = 0;
var objects = [];

$(document).ready(function () {
    dostuff($("#main"));  // give it a target container div
});

function dostuff(target) {
    counter++;
    // create a div containing a span and an input that binds to knockout.js

    target.append('


如何将对象[1] .width绑定到div d1< input>值？


最佳答案
为实现这一目标,您必须进行的最小量更改将执行以下操作：

 target.append('

所以,这会在你的主div上使用样式绑定.此外,由于您在对象[counter]上调用applyBindings,您可以直接在绑定中引用属性(而不是通过对象[counter]).
如果您多次调用此函数,那么您将需要小心调用ko.applyBindings.如果未传递第二个参数,则它将应用于整个文档.你真的只想这样做一次.在您的情况下,您可能希望传递第二个参数来指示要开始的确切根元素.所以,你会调用类似ko.applyBindings(objects [counter],$(“#d”counter)[0]);
我不知道你的确切用例,但如果是我,我会首先创建我的对象数组,然后使用模板来构建div.然后,在标记中,我将有一个容器,它使用传递数组的foreach选项调用模板绑定.然后,您将创建一个包含每个div标记的模板.这样您就可以避免将标记构建为字符串.如果你想做一个像这样的事情的例子,请告诉我.
希望这可以帮助.

javascript

javascript – 如何绑定div宽度/高度以形成字段？

相关文章