AlloyUIフォームビルダにカスタム属性を追加する方法は？

Question

私はthis jsfiddle exampleのようなことをしたい、左のパネルのプロパティにいくつかのカスタム属性を配置する必要があります。 'フォームノード'

 ATTRS: { 
      type: { 
       value: 'custom' 
      }, 
      customAttr: { 
       validator: Y.Lang.isString, 
       value: 'A Custom default' 
      } 
     }, 

     EXTENDS: Y.FormBuilderFieldBase, 

     prototype: { 
      getPropertyModel: function() { 
       var instance = this; 

       var model = Y.FormBuilderFieldBase.superclass.getPropertyModel.apply(instance, arguments); 

       model.push({ 
        attributeName: 'customAttr', 
        name: 'Custom Attribute' 
       }); 

       return model; 
      } 
     } 
    }); 

    Y.FormBuilder.types['custom'] = Y.MyFormCustom; 

    var availableFields = [ 
    { 
    iconClass: 'form-builder-field-icon-button', 
    label: 'Button', 
    type: 'custom' 
    } 
    ]; 

    myform= new Y.FormBuilder({ 
     availableFields: availableFields, 
     boundingBox: '#myHolder' 
    }).render(); 

Iドン：私は同様にすることを試みたが、私は

YUI().use('aui-form-builder',function (Y) { 

Y.MyFormCustom = Y.Component.create（{ NAMEフィールドをドラッグすることはできません以下フォームは、任意の助けが理解されるであろう。表示されない理由」tは知っている。

Answer 1

を私はまた、フォームビルダのフィールドを拡張するために必要なので、あなたの例では、私にとって非常に役立っている。

を修正するには上記は単純です。回線交換 ：

Y.FormBuilderField.types['custom'] = Y.MyFormCustom; 

によって

Y.FormBuilder.types['custom'] = Y.MyFormCustom; 

この溶液は、合金のUI APIで見つかったソースコードからインスピレーションを得ています。それはあなたのカスタム要素が継承するクラスを拡張する必要がある AlloyUI Form Builder

乾杯