如何在SpreadJS表格控件中应用 Knockout 技术

2024-11-02 07:12:25

1、首先添加以下引用到 <head> 标签下:

如何在SpreadJS表格控件中应用 Knockout 技术

2、接下来创建视图和数据模型,在<head> 下 <script> 节点下添加以下代码:

如何在SpreadJS表格控件中应用 Knockout 技术

3、创建 HTML Input 元素和 SpreadJS 插件,把下面标记添加到 Body 标签下:

如何在SpreadJS表格控件中应用 Knockout 技术

4、现在创建 SpreadJS 实例并且绑定到 ViewModel ,通过 apllyBidings 方法应用 KO:

如何在SpreadJS表格控件中应用 Knockout 技术

5、除此之外提供数据字段的包装,并且绑定初始化数据:

如何在SpreadJS表格控件中应用 Knockout 技术如何在SpreadJS表格控件中应用 Knockout 技术

6、最终效果如下图:

如何在SpreadJS表格控件中应用 Knockout 技术
猜你喜欢