2016-11-14 1 views
1

dort hinzuzufügen,Wie benutzerdefiniertes Feld Jquery Form Builder

Ich arbeite mit Jquery Form Builder (https://formbuilder.online/) und ich bekam die Aufgabe: benutzerdefiniertes Feld zum Formular-Builder hinzufügen.

Ich möchte es tun, ohne den Kern dieses jquery-Plugins zu ändern. Ich habe bereits festgestellt, dass ich es der Funktion "fieldRender" zwischen anderen Änderungen hinzufügen kann.

Dadurch würde ich Updates dieses Projekts verlieren, und diese benutzerdefinierten Felder sind zu spezifisch, um das Projekt selbst anzubieten.

Ich bin schon auf der Suche nach etwas und habe noch nicht gefunden: weiß jemand, wenn es eine Möglichkeit gibt, benutzerdefinierte Felder mit einer Art Erweiterungsstrategie hinzuzufügen, so konnte ich benutzerdefinierte Felder erstellen, ohne den Kerncode jedes Mal zu ändern ?

Danke,

Antwort

1

Unterstützung für benutzerdefinierte Elemente offiziell in v2.1 hinzugefügt wurde http://formbuilder.readthedocs.io/en/latest/formBuilder/options/templates/

Sie fügen zwei Optionen in den Editor. Zum Beispiel, wenn Sie eine Star Rating-Eingabe wünschen

let fields = [{ 
    label: 'Star Rating', 
    attrs: { 
    type: 'starRating' 
    }, 
    icon: '' 
}]; 
let templates = { 
    starRating: function(fieldData) { 
    return { 
     field: '<span id="'+fieldData.name+'">', 
     onRender: function() { 
     $(document.getElementById(fieldData.name)).rateYo({rating: 3.6}); 
     } 
    }; 
    } 
}; 
Verwandte Themen