Liferay au 自动字段删除按钮不起作用

Question

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>

有什么我遗漏的吗？谢谢，

Answer 1

我找到了解决这个问题的方法。我知道这不是最好的解决方案，它应该可以在没有任何类型的手动代码的情况下正常工作。但是即使一切都很好，并且您的代码无法正常工作 THEN 和 ONLY THEN 您应该尝试下面给出的代码。

$(".delete-row").click(function(){
    if($("#clientContact > .lfr-form-row").length > 1){
            $(this).parent().parent().parent().remove();
    }
});

它将删除单击删除按钮的行。

Liferay au 自动字段删除按钮不起作用

Liferay aui auto fields delete button not working

autofield

liferay-6

liferay-aui