java - Spring.addDecoration 在事件发生时使用 dojo 和 HTML 冲突

Question

我正在使用在 roo 中生成 .jspx 文件的 dojo 小部件。以下是我的代码部分

<form:select name="halfOrFulDay" id="_monitoringType_id${rowCounter.count}" Style="width:120px" onchange="someProcess()">
   <form:option value="--Select--" selected="selected">--Select--</option>
   <form:option value="Half Day" >Half Day</option>
   <form:option value="Full Day" >Full Day</option>
   <form:option value="None" >None</option>
</form:select>
<script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : '_monitoringType_id${rowCounter.count}', widgetType: 'dijit.form.FilteringSelect', widgetAttrs : {promptMessage: 'In Complete Data',hasDownArrow : true}})); </script>

我的问题是，我无法在应用 Spring.addDecoration() 后立即触发 onchange 事件。我可以在 widgetAttrs 中设置任何属性吗？像这样的东西:

widgetAttrs : {onchange : someProcess ,promptMessage: 'In Complete Data',hasDownArrow : true}

Answer 1

dijit.form.FilteringSelect 不是常规的 dom 节点。这是一个 dijit 小部件...它的 onchange 事件附加到小部件模板的特定 dom 节点，并且附加到称为“onChange”(注意大写 C)的小部件扩展点。

你的例子应该是:

<script type="text/javascript">
    Spring.addDecoration(new Spring.ElementDecoration({
        elementId : '_monitoringType_id${rowCounter.count}', 
        widgetType: 'dijit.form.FilteringSelect', 
        widgetAttrs : {
            promptMessage: 'In Complete Data',
            hasDownArrow : true,
            onChange : function(evt) {
               // Your event code here
            }
        }
    })); 
</script>

你应该在这里阅读:http://dojotoolkit.org/reference-guide/quickstart/writingWidgets.html#creating-extension-points

对于您在 spring 中使用的任何小部件，您可以在此处找到相应的文档:http://dojotoolkit.org/api/

只需展开“dijit”树节点，然后选择您的小部件，然后在“事件摘要”部分查看它支持的自定义事件列表。