Question

AlloyUI Form Builder适用于liferay 6.0.5。因为我们的网站适用于Liferay 6.0.5，我们无法使用最新版本进行更新。我已经将合作中提到的代码放在了合作网上。我可以拖放字段，但我无法提交表单。在firebug M.loaded [n]中有一个脚本错误，我不明白该怎么做。

就此事提出建议。我在liferay 6.0.5 jsp页面中使用以下代码

<script src="http://cdn.alloyui.com/3.0.0/aui/aui-min.js">
<link href="http://cdn.alloyui.com/3.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>

<div id="myFormBuilder"></div>

<script>
    YUI().use(
  'aui-form-builder',
  function(Y) {
    new Y.FormBuilder(
      {
        availableFields: [
          {
            iconClass: 'form-builder-field-icon-text',
            id: 'firstName1',
            label: 'First Name',
            readOnlyAttributes: ['name'],
            type: 'text',
            //unique: true,
            width: 75
          },
          {
            iconClass: 'form-builder-field-icon-text',
            id: 'lastName',
            label: 'Last Name',
            readOnlyAttributes: ['name'],
            type: 'text',
            //unique: true,
            width: 75
          },
          {
            iconClass: 'form-builder-field-icon-text',
            id: 'preferredName',
            label: 'Preferred Name',
            readOnlyAttributes: ['name'],
            type: 'text',
            //unique: true,
            width: 75
          },
          {
            iconClass: 'form-builder-field-icon-text',
            id: 'emailAddress',
            label: 'Email Address',
            readOnlyAttributes: ['name'],
            type: 'text',
            //unique: true,
            width: 75
          },
          {
            iconClass: 'form-builder-field-icon-radio',
            label: 'Gender',
            options: [
              {
                label: 'Male',
                value: 'male'
              },
              {
                label: 'Female',
                value: 'female'
              }
            ],
            type: 'radio'
          },
          {
            iconClass: 'form-builder-field-icon-button',
            label: 'Button',
            type: 'button'
          },
        ],
        boundingBox: '#myFormBuilder',
        fields: [
          {
            label: 'City',
            options: [
              {
                label: 'Ney York',
                value: 'new york'
              },
              {
                label: 'Chicago',
                value: 'chicago'
              }
            ],
            predefinedValue: 'chicago',
            type: 'select'
          },
          {
            label: 'Colors',
            options: [
              {
                label: 'Red',
                value: 'red'
              },
              {
                label: 'Green',
                value: 'green'
              },
              {
                label: 'Blue',
                value: 'blue'
              }
            ],
            type: 'radio'
          }
        ]
      }
    ).render();
  }
);
</script>

Answer 1

无法在Liferay 6.0中使用aui-form-builder。

根据Liferay Integration wiki article，Liferay 6.0使用AlloyUI 1.0.3。在AlloyUI 1.0.3标签中搜索源代码后，该版本中似乎不存在aui-form-builder。据API docs我所知，2.0.x version中添加了aui-form-builder。

注意：也无法在Liferay中升级到AlloyUI的新主要版本。

AlloyUI表单生成器适用于Liferay 6.0.5

1 个答案: