在我的自定义portlet中使用Liferay Auto Field?

时间:2014-01-04 14:36:20

标签: jsp liferay portlet liferay-aui

在我的自定义portlet中,这是我的view.jsp

    <h1>Liferay auto fields example</h1>
<form action="" method="post" name="LiferayAautoFieldForm">
<fieldset><legend>Phone Numbers</legend>
<div id="phone-fields">
<div class="lfr-form-row lfr-form-row-inline">
<div class="row-fields">
<input id='phoneNumber0' name="phoneNumber0" label="Phone Number" />
<select id="phoneTypeId0" name="phoneTypeId0" label="Type">
<option value="11006" label="Business">Business</option>
<option value="11007" label="Business Fax">Business Fax</option>
<option value="11008" label="Mobile Phone">Mobile Phone</option>
<option value="11009" label="Other">Other</option>
<option value="11011" label="Personal">Personal</option>
</select>
</div>
</div>
</div>
</fieldset>
<layout>
<column>
<button type="submit" value="Save Phone Numbers" name="SavePhoneNumbers">Save Phone Numbers</button>
</column>
</layout>
</form>

我想在标记中使用新的Liferay.AutoFields来增加这两个字段。为此,我在view.jsp

中使用此代码
<aui:script use="liferay-auto-fields">
new Liferay.AutoFields(
{
contentBox: '#phone-fields',
fieldIndexes: 'phonesIndexes'
}
).render();
</aui:script>

但它有问题,在添加此代码并部署我的portlet之后我可以添加/删除行但在添加一些行并删除它们后, phoneNumber0 的ID会出错。实际上,phoneNumber0的顺序并不规律!

我该如何解决这个问题? 请指导我?

1 个答案:

答案 0 :(得分:1)

您可以参考Liferay来源使用“liferay-auto-fields”。

  

ROOT \ HTML \门户\ users_admin \共同\ phone_numbers.jsp。

他们使用自动字段来满足与您类似的要求。