说实话,我在JavaScript方面不够专业,但我觉得我的问题很奇怪o.O
事实上,我有一个包含模板列表的SelectBox
。如果我选择一个,那么onchange
事件将通过Ajax调用和显示为选中的表单得到很好的处理。
确定
现在,如果一个表单包含SelectBox
并且它还包含onchange
,那么该事件将被忽略且没有任何反应。
NOK
<div class="UIDocumentFormController" id="UIDocumentFormController">
<div style="display: block;">
<div class="UIFormWithoutAction UISelectDocumentForm">
<form class="UIForm" id="UISelectDocumentForm" action="/portal/private/acme/siteExplorer?portal:componentId=4e6208eb-b0d7-468c-bd01-6f63a38118fc&portal:type=action&uicomponent=UISelectDocumentForm" onsubmit="Change" method="post">
<div><input type="hidden" name="formOp" value=""></div>
<div class="HorizontalLayout">
<table class="UIFormGrid">
<tbody>
<tr>
<td class="FieldLabel">Sélectionner un formulaire</td>
<td class="FieldComponent">
<select class="selectbox" name="selectTemplate" onchange="javascript:eXo.webui.UIForm.submitEvent('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UISelectDocumentForm','Change','&objectId=selectTemplate')">
<option value="exo:article">Article</option>
<option value="exo:cssFile">CSS File</option>
<option value="exo:event">Event</option>
<option value="nt:file">File</option>
<option selected="selected" value="exo:articletest">teeest</option>
</select>
</td>
</tr>
</tbody></table>
</div>
</form>
</div>
</div>
<div style="display: block;">
<div class="UIForm FormLayout">
<form class="UIForm" id="UIDocumentForm" action="/portal/private/acme/siteExplorer?portal:componentId=4e6208eb-b0d7-468c-bd01-6f63a38118fc&portal:type=action&uicomponent=UIDocumentForm" method="post">
<div><input type="hidden" name="formOp" value=""></div>
<div class="HorizontalLayout">
<table class="UIFormGrid">
<tbody>
<tr>
<td class="FieldLabel">Nom</td>
<td class="FieldComponent"><input name="name" type="text" id="name"> * </td>
</tr>
<tr>
<td class="FieldLabel">Select</td>
<td class="FieldComponent">
<select class="selectbox" name="introducerTitle" onchange="javascript:eXo.webui.UIForm.submitEvent('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UIDocumentForm','Change','&objectId=introducerTitle')">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
</td>
</tr>
</tbody>
</table>
<div class="UIAction">
<table class="ActionContainer">
<tr>
<td>
<div onclick="javascript:eXo.webui.UIForm.submitForm('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UIDocumentForm','Save',true)" class="ActionButton LightBlueStyle">
<div class="ButtonLeft">
<div class="ButtonRight">
<div class="ButtonMiddle"><a href="javascript:void(0);">Sauver comme brouillon</a></div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</form>
</div>
</div>
</div>
WEIRD AND ILLOGICAL THING:
如果我检查SelectBox
(使用FireBug或任何类似工具),并在被调用函数中进行任何更改(删除一个字母并重写),则SelectBox
将变为可用,并且onchange
调用该事件1}}跑。
注意:Ajax调用使用Java代码创建表单,我认为这是一个渲染问题。
有人会遇到这个问题吗?
非常感谢您关注我的问题,即使您无法提供帮助:)
答案 0 :(得分:0)
<强>解决强>
事实上,还有另一个javascript函数覆盖了这个函数submitEvent
。所以它不会被调用。
这就是为什么当我用Firebug进行更改时,它会被重新考虑然后成功调用。
希望能帮助他人。