生命周期:
用了jquery,废话不多说,上代码:
js:
return declare([BaseWidget], {
// Custom widget code goes here
name: 'Zhuanti',
baseClass: 'jimu-widget-zhuanti',
postCreate: function() { //初始化
var domNode = this.domNode;
this.inherited(arguments);
},
startup: function() {//开始使用
this.inherited(arguments);
$.parser.parse('.jimu-widget-zhuanti');
$("#zhuanti_btn1").click(function() {
alert("asdasd");
});
},
onOpen: function() {//打开微件面板时的响应函数
alert("open");
},
onClose: function(){//关闭微件面板后的响应函数
alert("关闭");
},
});
html:
创建了面板内的按钮
<div style="width: 100%;height: 100%;">
<button id="zhuanti_btn1" style="position: relative;width: 30%;height: 20%;background-color: #00CCFF;">asd</button>
<button id="zhuanti_btn12" style="position: relative;width: 30%;height: 20%;background-color: #00CCFF;">a1sd</button>
</div>
上面的生命周期内函数均可以用上述代码的格式去写,这里就不赘述。