Aui自动字段删除按钮无法正常工作。但是,添加按钮可以正常工作。
以下是我使用的配置代码:
AUI().use('liferay-auto-fields',function(A) {
new Liferay.AutoFields({
contentBox: '#clientContact',
fieldIndexes: namespace + 'clientContactIndexs',
on: {
'init':function(event) {
console.log('init');
},
'clone': function(event) {
console.log('clone');
console.log(event);
},
'delete': function(event) {
console.log('delete');
console.log(event);
}
}
}).render();
});
HTML代码:
<div id="clientContact">
<div class="lfr-form-row lfr-form-row-inline">
<div class="row-fields">
<aui:row>
<aui:column cssClass="col-xs-12 col-md-4">
<aui:input name="clientContactName1" id="clientContactName1" label="" placeholder="client.contact.name">
<aui:validator name="required"></aui:validator>
</aui:input>
</aui:column>
<aui:column cssClass="col-xs-12 col-md-4">
<aui:input name="clientContactMobile1" id="clientContactMobile1" label="" placeholder="mobile">
</aui:input>
</aui:column>
<aui:column cssClass="col-xs-12 col-md-4">
<aui:input name="clientContactEmail1" id="clientContactEmail1" label="" placeholder="email">
</aui:input>
</aui:column>
</aui:row>
</div>
</div>
</div>
我有什么遗失的吗? 谢谢,
答案 0 :(得分:0)
我找到了解决这个问题的方法。 我知道不是最好的解决方案而且应该在没有任何手动代码的情况下正常工作。但即使一切都很好,而且你的代码不能正常工作然后只有,你应该尝试下面给出的代码。
$(".delete-row").click(function(){
if($("#clientContact > .lfr-form-row").length > 1){
$(this).parent().parent().parent().remove();
}
});
它将删除单击删除按钮的行。