Knockout基本绑定数据

官方地址:www.knockoutjs.com

       //使用require.js加载
        requirejs([‘knockout‘, ‘knockout.mapping.js‘], function (ko, komap) {
            //这个是自己封装的从服务器获取数据的方法
              var _model = GetModelFromServer();
            //一个插件,将model转为可以双向绑定数据
              _viewListModel = komap.fromJS(data);
            //开始绑定,第一个参数:modelView,第二个参数,要绑定数据所属dom的ID
            ko.applyBindings({ lists: _viewListModel }, document.getElementById("PublicInfo"));
        });
<div class="weui-panel__hd" id="PublicInfo">
    <span data-bind="text:CompanyMain"></span>
</div>
时间: 2024-10-29 01:25:36

Knockout基本绑定数据的相关文章

Knockout自定义绑定数据

  var ko = require("knockout");var komap = require("/scripts/plugins/knockout/knockout.mapping.js"); _viewListModel = komap.fromJS(data); ko.bindingHandlers.datePicker = {     init: function (element, valueAccessor, allBindingsAccessor

knockout同时绑定多个实体demo

1.我们会遇到一种情景:一个页面实现复杂的功能时,我们往往会使用部分页(.netmvc中的@renderaction,java中ajax请求jsp页面). 如果子页面也使用knockout绑定数据会不会冲突呢?....不会的:如何demo会输出:guo.ze;但一定要绑定到不同的节点上. demo: <script type="text/javascript"> $(function(){ var guo={ name:"guo", }; var ze=

knockoutjs中使用mapping插件绑定数据列表

使用KO绑定数据列表示例: 1.先申请V,T,T2三个辅助方法,方便调试.声明viewModel和加载数据时的映射条件mapping 2.先使用ko.mapping.fromJS()将原来的JS对象转成 ko 中的 viewModel ,并使用ko.applyBindings() 激活Knockout 3.下面这几行代码是写在ajax success回调函数内的. 即:使用result.Data来更新viewModel,在这里实际上就是更新的users数组,更新过程中按mapping中的规则为数

GridView等表格模板列绑定数据的方法

//绑定GridView每一行中的CheckBoxList protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { CheckBoxList cbl = (CheckBoxList)e.Row.FindControl("ckbCheckBox"); if (cbl != null) {

Knockout双向绑定

knockout双工绑定基于 observe 模式,性能高.核心就是observable对象的定义.这个函数最后返回了一个也叫做 observable 的函数,也就是用户定义值的读写器(accessor). this.firstName=ko.observable(“Bert”); this.firstName(); this.firstName(“test”); ko.observable做了什么 ko.observable = function (initialValue) { var _l

关于angularJS绑定数据时自动转义html标签

折磨了两天,最后发现答案竟如此简单,不过辛苦还是值得的,毕竟为了弄明白这一点又学习了更多代码. angularJS在进行数据绑定时默认是会以文本的形式输出,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止了html标签中的注入攻击,但有些时候还是需要的,特别是从数据库读取带格式的文本时,无法正常的显示在页面中. 而要对html进行转义,则要在数据绑定的html标签中使用ng-bind-html属性,该属性依赖与$sanitize,也就是需要引入angular-saniti

【 D3.js 入门系列 — 2 】 绑定数据和选择元素

1. 如何绑定数据 D3 有一个很独特的功能:能将数据绑定到 DOM 上,也就是绑定到文档上.这么说可能不好理解,例如网页中有段落元素<p>,我们可以将整数 5 与 <p>绑定到一起. D3 中是通过 data() 和 datum() 函数来绑定数据的,最常用的是 data(). 现有如下 HTML 代码: <p>Hello World 1</p> <p>Hello World 2</p> <p>Hello World 3

关于JQuery中$.data绑定数据原理或逻辑

问题: JQuery中,对于.data([key],[value])函数,当使用其进行数据绑定时,假设要绑定的数据是“引用数据类型”,也就是对象:那么.data函数绑定的是该对象的副本还是该对象的一个引用?下面通过以下小例子来测试下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Test<

asp.net中Repeater中用ul li绑定数据

<ul class="tit1"> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <li> <p class="tit1-p-1"> <img style="border: 0px;" src="/image/biaozhi.jpg" /> &