ItyJavaScript MVC 框架

联合创作 · 2023-09-19 11:41

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 
});
浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报