最近做事情总是南辕北辙，拖延症越发严重了起来。原先计划早就要完成的这个项目也拖延了近两个月后总算勉勉强强发布了（最开始设想的部分功能就这么砍了，好吧纯粹个人太懒）

knockout作为老牌的mvvm框架版本已经到3.X了，对个人来说能支持当前公司项目的目标浏览器————————

IE8

（对，混蛋就是你，IE8你看什么看？）

而且还有详细的文档（嗯，基本上没有什么大问题，只发现少数几处浏览器兼容问题没写出）。

jeasyui更不用说了，全套ui组件。虽然实现的不是很理想，不过至少能用。

想把两者结合使用的，请猛戳此处。不过目前只编写了基本的绑定，需要复杂功能的请自行动手（欢迎提交代码，共同完善）。

细节请查看工程的README文件

参考示例：

<!DOCTYPE html>

<html>

<head>

    <title>Demo</title>

    <link type="text/css" rel="stylesheet" href="contents/themes/default/easyui.css" />

    <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script>

    <script type="text/javascript" src="scripts/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="scripts/knockout-3.1.0.js"></script>

    <script src="../knockout-easyui-0.5.0.min.js"></script>

    <style>

        .width {

            width: 100px;

        }

    </style>

</head>

<body>

    <div class="content">

        <div>

            <input class="width" data-bind="comboboxSource:source,comboboxValue:value,easyuiOptions:viewSettings" />

        </div>

        <div data-bind="foreach:source">

            <input type="radio" data-bind="checked:$root.value,checkedValue:$data.code">

            <label data-bind="text:name"></label>

        </div>

    </div>

    <div class="model-display" data-bind="html:modelInfo"></div>

    <script>

        var model = {

            source: ko.observableArray([

                { code: "1", name: 'HTML' },

                { code: "2", name: 'JAVASCRIPT' },

                { code: "3", name: 'CSS' }

            ]),

            value: ko.observable("2"),

            viewSettings: {

                valueField: 'code',

                textField: 'name'

            }

        }

        model.modelInfo = ko.computed(function () {

            var info = ko.toJS(model)

            delete info.viewSettings

            delete info.modelInfo

            return JSON.stringify(info);

        }),

        ko.applyBindings(model)

    </script>

</body>

</html>

说起来没搞懂什么标准能上首页什么标准不能上首页，之前写的冷知识系列个人感觉挺好玩的可惜被赶下来了

发布一个简单的knockout-easyui绑定库的更多相关文章

  1. Java发布一个简单 webservice应用 并发送SOAP请求

    一.创建并发布一个简单的webservice应用 1.webservice 代码: package com.ls.demo; import javax.jws.WebMethod; import ja ...

  2. 实现一个简单的Laravel的dd库

    前几天写了一个简单的Laravel的dd库. 为什么自己要写一个这样的库? Laravel本身已经实现了自己的输出dd函数,但是我之所以要写这样一个库,一来是因为Laravel本身对这个库的封装没办法 ...

  3. 利用VS2008发布一个简单的webservice

    一个开发好的webservice,怎样发布出去,供其他电脑访问呢? 本文将介绍如何发布一个简单的webservice,其中的内容都是在网上查看别人文章,自己仿照着做了一遍,因此,难免会发生错误,如果发 ...

  4. 发布一个简单的npm包

    本文简单地记录了发布一个简单npm包的过程,以便后续参考使用. 初始化npm init 通过npm init创建一个package.json文件 D:\robin\lib\weapp-utils> ...

  5. 实现一个简单的C++协程库

    之前看协程相关的东西时,曾一念而过想着怎么自己来实现一个给 C++ 用,但在保存现场恢复现场之类的细节上被自己的想法吓住,也没有深入去研究,后面一丢开就忘了.近来微博上看人在讨论怎么实现一个 user ...

  6. 一个简单的knockout.js 和easyui的绑定

    <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Basi ...

  7. 一个简单的 JSON 生成/解析库

    这是一个单文件的,适用于C语言的, JSON 读写库. 先说明,不想造轮子,代码是从这里拿来的: https://www.codeproject.com/Articles/887604/jWrite- ...

  8. [development][tcp/ip][ids] 一个简单有参考价值的库 libnids

    libhtp 中的例子, 可以通过libnids快速使用. 或者可以快速的写个sniffer. 支持三个功能 ip分片重组, tcp乱序重排, 端口扫描发现. 工程: https://github.c ...

  9. 从0到1发布一个npm包

    从0到1发布一个npm包 author: @TiffanysBear 最近在项目业务中有遇到一些问题,一些通用的方法或者封装的模块在PC.WAP甚至是APP中都需要使用,但是对于业务的PC.WAP.A ...

随机推荐

  1. modelsim(1) - 安装和使用 心得

    最近一段时间使用modelsim, 一,安装 使用的时候,出现license验证不对. 由于经常换虚拟机,要注意首先MAC地址是否换了,如果换了,license要重新做! 其次/etc/hosts的I ...

  2. TJI读书笔记10-复用类

    TJI读书笔记10-复用类 组合语法 继承语法 代理 final关键字 final的数据 final的参数 final的方法 final的类 初始化和类的加载 乱七八糟不知道怎么归类的知识点 代码复用 ...

  3. newCachedThreadPool线程池

    public static ExecutorService newCachedThreadPool()创建一个可根据需要创建新线程的线程池,但是在以前构造的线程可用时将重用它们.对于执行很多短期异步任 ...

  4. socket-自我总结（1）

    socket是个啥:我的总结如下: socket:针对服务器----客户端socket,进行打开,读写,管理的操作. socket也称套接字,IP跟端口.用来对两台服务器之间的通信的.一个IP跟端口, ...

  5. 如何获得 request, "request.getSession(true).setAttribute("a",a);"与“request.setAttribute("a",a);”区别

    protected ServletContext getServletContext() { return ServletActionContext.getServletContext();} pro ...

  6. js读取解析JSON数据

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  7. 性能检测工具介绍-Linux系统命令行

    本文介绍的关于Linux自带命令进行性能检测的介绍,详细介绍这些linux自带的工具的使用. 一.uptime uptime命令的显示结果包括服务器已经运行了多长时间,有多少登陆用户和对服务器性能的总 ...

  8. 济南学习D2T2__数学分析题

    [问题描述]有N个数,随机选择一段区间,如果这段区间的所有数的平均值在[l,r]中则你比较厉害.求你比较厉害的概率.[输入格式]第一行有三个数N,l,r,含义如上描述.接下来一行有N个数代表每一个数的 ...

  9. goto

    -------siwuxie095 goto 无条件跳转命令 语法: GOTO label label   指定批处理程序中用作标签的字符串 标签必须单独一行,且以冒号开头.即 goto 和 : 分不 ...

  10. node.js 基础学习 express安装使用

    安装好nodeJs,我们需要使用命令行中安装express. 我这里默认将Node.js安装在C:\Program Files\nodCejs\盘中. 在保持联网的状态下,依次输入如下命令. npm ...