控件的HTML內容與Gridster和Knockout.js

Question

綁定這與上Widget binding with Gridster and Knockout

發佈的窗口小部件結合的另一個話題是好的但是我想每個插件中的綁定值。因此，考慮以下數據設置爲可觀察到的陣列

{id: "1", text:'Title', datarow:1, datacol:1, datasizex:1, datasizey:1} 

我有每個插件

<input data-bind="value: text"/> 

<span class="text" data-bind="text: text"></span> 

進入了一個新的值時，該用戶界面沒有更新中的以下HTML綁定。見http://jsfiddle.net/Be4cf/31/

Answer 1

您需要的文本屬性轉換成可觀察到的：

{id: "1", text:ko.observable('Widget #1'), datarow:1, datacol:1, datasizex:1, datasizey:1}, 
{id: "2", text:ko.observable('Widget #2'), datarow:1, datacol:2, datasizex:2, datasizey:1}, 
{id: "3", text:ko.observable('Widget #3'), datarow:1, datacol:4, datasizex:1, datasizey:1}, 
{id: "4", text:ko.observable('Widget #4'), datarow:2, datacol:1, datasizex:1, datasizey:2} 

您還可以添加valueUpdate: 'afterkeydown'的輸入，所以觀察到的將在按鍵按下事件進行設置。

See fiddle