dojo – 我可以从动态创建的dijit按钮onClick传递参数吗？

我想知道,我可以从动态创建的dijit按钮传递参数吗？

function testcallfromDynamicButton (value) {
   alert(value);
}

var thisButton = new dijit.form.Button({
label : thelineindex,id : "I_del_butt"+thelineindex,name : "I_del_butt"+thelineindex,onClick : testcallfromDynamicButton('test')
}).placeAt( thetabletd1 ) ;

好像,这不行,我试着改变这个.有用 ！！

function testcallfromDynamicButton () {
alert('test');
}

var thisButton = new dijit.form.Button({
  label : thelineindex,onClick : testcallfromDynamicButton
}).placeAt( thetabletd1 ) ;

问题是,我想让函数知道,哪个按钮被点击了(因为所有按钮都是动态创建的,而按钮id是由indexnumber生成的),所以我需要将按钮本身的id传递给函数.但是通过onClick调用传递参数似乎在Dijit中不起作用.我怎样才能使它工作？

解决方法

不用担心,这是一个非常常见的Javascript错误 – 事实上,它与Dojo无关.

onClick需要一个函数对象,但实际上是在执行testcallfromDynamicButton(‘test’)并将此函数调用的结果赋给它.例如,如果testcallfromDynamicButton返回“colacat”,那么onClick事件将被赋予该字符串！那显然不是你想要的.

所以我们需要确保onClick被赋予一个函数对象,就像你在第二个例子中那样.但是我们也希望在执行时给该函数一个参数.这样做的方法是将函数调用包装在匿名函数中,如下所示：

var thisButton = new dijit.form.Button({
  label : thelineindex,onClick : function() {
    testcallfromDynamicButton('test');
  }
}).placeAt( thetabletd1 ) ;

这样,onClick获取一个函数对象,并使用参数执行testcallfromDynamicButton.