我尝试在enyo
中创建自己的种类enyo.kind(
{
name: "DeviceButton",
kind: "Button",
caption: "",
published: { userAgent: "" },
flex: 1,
onclick: "butclick",
butclick: function() { console.log("User agent changed to " + this.userAgent) }
})
但是当我单击时,没有显示任何内容
如果我只是做过
onclick: console.log("User agent changed to " + this.userAgent)
印刷了这个。
我在做什么错?
btw。,可以通过onClick发送参数(以便将函数重复传输到单击获取变量)
谢谢
您在这里遇到的问题是,OnClick属性实际上是在接收到点击时将事件发送给Enyo的事件处理程序的名称。" ButClick"事件不是将DeviceButton派发给其父母。
如果您想完全处理事件,则需要将其设置为"处理程序"。在Enyo 2.x中,您这样做:
enyo.kind(
{
name: "DeviceButton",
kind: "Button",
caption: "",
published: { userAgent: "" },
flex: 1,
handlers {
onclick: "butclick"
},
butclick: function() { console.log("User agent changed to " + this.userAgent) }
})
在enyo 1.x中,您只需要命名处理程序功能为" onclickhandler"。我提到Enyo 1解决方案,因为我看到您的定义中有" Flex:1"。Enyo 2中不支持Flexbox,我们改为"可拟合"系统。
我为您做了一个示例,Enyo如何处理和从自定义类型的发送和接收值。我还在代码中添加了一些简短的评论。
http://jsfiddle.net/joopmicroop/k3azx/
enyo.kind({
name: 'App',
kind: enyo.Control,
components: [
{kind:'FittableRows', components:[
// calls the custom kind by it's default values
{kind:'DeviceButton',name:'bttn1', classes:'joop-btn',ontap:'printToTarget'},
// calls the custom kind and pass the variables to the DeviceButton kind
{kind:'DeviceButton', name:'bttn2', btnstring:'Get Agent', useragent:'chrome', classes:'joop-btn', ontap:'printToTarget'},
{tag:'div', name:'targetContainer', content:'no button clicked yet', classes:'joop-target'},
]},
],
printToTarget:function(inSender, inEvent){
// inSender = the button that was pressed
this.$.targetContainer.setContent(inSender.name+' has used the value: "'+inSender.getUseragent()+'" and sends the value of: "'+inSender.getValueToPrint()+'" back.');
},
});
enyo.kind({
name:'DeviceButton',
kind:enyo.Control,
components:[
{kind:'onyx.Button',name:'btn', ontap:'printUsrAgent'}
],
published:{
btnstring:'default btnstring', // value that will be received
useragent:'default useragent', // value that will be received
valueToPrint:'default valueToPrint' // value that will be used
},
rendered:function(){
this.inherited(arguments);
this.$.btn.setContent(this.btnstring);
},
printUsrAgent:function(inSender,inEvent){
// set a parameter with the value that was received of if not received use the default value (normaly would do some calculations with it first)
this.valueToPrint = this.useragent+' after changes';
},
});