微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ity JavaScript MVC 框架

程序名称:Ity

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

Ity 介绍

Ity 是一个小型的无依赖的 JavaScript MVC 框架。

示例代码

var myApp = new Ity.Application();
var myModel = new Ity.Model();
var myView = new Ity.View({
    el: '.someElement',
    app: myApp,
    model: myModel,
    events: {
        ".btn" : {
            "click": "onBtnClick",
            "hover": "onBtnHover"
        },
        ".fancyBtn" : {
            "click": "onFancyBtnClick",
            "focus": "onFancyBtnFocus"
        }
    },

    initialize: function(options) {
        this.model.on("change", this.render, this);
    },

    render: function() {
        this.select(".myContainer").html(this.model.get("someData"));
    },

    onBtnClick: function(evt) {
        var output = this.select("#difWithId").find(".output");

        output.html("<div><p>Click!</p></div>")
    }

    //... more click, hover, focus events from events hash 
});

Ity 官网

https://github.com/dcocchia/Ity

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐