Knockout JS自定义表编辑器

时间:2012-07-07 22:10:17

标签: knockout.js

我有一个包含3列的表格。最后一列有一个按钮,表示编辑。单击该按钮,左侧的2个单元格将显示一个文本框,其中文本为单元格内容,该按钮将变为更新按钮。我对文本进行了更改,然后单击“更新”按钮。文本框中的文本将分配给表格单元格,按钮将更改为编辑按钮。

使用jQuery很简单。但我想将文本绑定到一个淘汰js对象。我用一些数据预填充表格,我将使用编辑按钮编辑文本。但是如何更新knockout js对象?

我在线检查了文档和其他样本,但我没有找到类似的东西。所有网格示例都有一个文本框。在我的情况下,我也想改变HTML标签..

你能给我一个方法来解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

看一下这篇文章:http://www.knockmeout.net/2011/03/guard-your-model-accept-or-cancel-edits.html和这个jsFiddle:http://jsfiddle.net/rniemeyer/X9rRa/

它显示为每行创建两个模板,其中一个是只读的,另一个是用于编辑的。正在使用的模板是动态绑定的。该帖子还显示了如何能够接受/取消对项目的更新。