j-InputTags

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

konfiguráció:

required {Boolean} opcionális, lehetővé teszi a „követelt” (default: false)
icon {String} opcionális, a címkék ikonja például home, cog, stb.
licon {String} opcionális, bal ikon, például home, cog, stb.
liconclick {String} opcionális, a function(component, input) módszerhez vezető út
ricon {String} opcionális, jobb ikon, például home, cog, stb.
riconclick {String} opcionális, a function(component, input) módszerhez vezető út
label {String} opcionális, címke (az alapértelmezett HTML tartalom)
after {String} opcionális, ez azt jelenti, hogy egy char a címke után (default: :)
A placeholder {String} opcionális, a placeholder szöveget adja hozzá a bejegyzéshez
validate {String} opcionális, az érték validálásának feltétele, tartalmazhat egy linket a function(value) vagy !!value.match(/[a-z]+/)
disabled {Boolean} opcionális, kikapcsolja ezt az összetevőt
error {String} opcionális, hozzáadja a string szöveget az összetevő alatt
spaces {Boolean} opcionális, lehetővé teszi a helyek máskülönben eltávolítja őket (default: true)
innerlabel {Boolean} opcionális, lehetővé teszi a belső címke (default: true)
dirsource {String} opcionális, az adatforráshoz vezető út vagy NEW tartalmazhat egy linket a function(search, next(items_arr)) módszerhez
dircustom {String/Boolean} opcionális, tartalmazhat egy utat a function(val, next(new_val)) vagy lehet Boolean. Ez az opció lehetővé teszi a hozzáadott érték (érték nem meghatározott adatforrás)
dirrender {String} opcionális, egy út a function(item, text) (a j-Directory HTML-t vissza kell téríteni), ez a funkció befolyásolhatja az elemek listáját a j-Directory
dirminwidth {Number} opcionális, minimális szélesség a j-Directory, alapértelmezett: 200
dirmaxwidth {Number} opcionális, maximális szélesség a j-Directory
dirplaceholder {String} opcionális, egy helytartó a j-Directory
dirempty {String} opcionális, üres mezőt ad a j-Directory számára
dirkey {String} opcionális, a text olvasásához szükséges kulcsszavak dirsource-ben (előzetes: name)
dirvalue {String} opcionális, a value olvasásához szükséges kulcsszavak dirsource-ben (előzetes: id)
autosource {String} Egy út a search Funkciók autocomplete, function(search, render(arr))
autovalue {String} az értéket a autosource
transform {Number} opcionális, átalakítja a szöveget 0 - none, 1 - lowercase, 2 - uppercase, 3 - capitalize (default: 0)
enteronly {Boolean} opcionális, új értéket ad hozzá a enter kulcs megnyomása után (default: true)

Érdekes az:

dirsource:path.to.datasource szükséges directory komponens
Ha az licon vagy ricon Kezdődik a ! A készítmény a nyers érték helyett icon
A dirsource módszerekkel az adatokat szinkron módon töltheti fel

Használja a <ui-component name="inputtags">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

example.html

<ui-component name="directory" config="placeholder:Search..."></ui-component>

<div style="width:400px">
	<ui-component name="inputtags" path="form.frameworks" config="required:1;placeholder:Type a framework name;dirsource:frameworks">Framework</ui-component>
	<br />
	<ui-component name="inputtags" path="form.countries" config="innerlabel:true">Country</ui-component>
</div>

<script>
	var frameworks = [{ id: 1, name: 'jComponent' }, { id: 2, name: 'Angular.js' }, { id: 3, name: 'React' }];
	var form = { framework: [1], countries: ['Slovakia', 'Poland', 'Hungary', 'Germany'] };
</script>