PS Cloud Web模块之简易DOM事件绑定

在浪潮ERP PS Cloud管理软件里,我们可以用$()来简化代码,如下所示:

instance.oepetstore.MyWidget=instance.web.Widget.extend({

start:function(){

var self=this;

this.$(".my_button").click(function(){

self.button_clicked();

});

},

button_clicked:function(){

..

},

});

还有有一个更简单的语法:

instance.oepetstore.MyWidget=instance.web.Widget.extend({

events:{

"click.my_button":"button_clicked",

},

button_clicked:function(){

...

}

});把在DOM上触发的jQuery事件和部件的事件区分开很重要。event类属性是一个“助手”,协助绑定jQuery的事件,它与部件事件无关,部件事件通过on()方法绑定。

event类属性是一个dictionary,dictionary的key是空格隔开成两个部分的字符串。第一部分是事件的名称,第二个是jQuery选择器。所以key click.my_button将绑定在所有CSS类名为“my_button”的HTML标签的click事件上。dictionary的value值是对象内被调用的方法名称。

发表评论
留言与评论(共有 0 条评论)
   
验证码:

相关文章

推荐文章

'); })();