# j-Input > j-Input Jest to wielofunkcyjny element wejściowy, który obsługuje wiele funkcji i jest zoptymalizowany do codziennego użytku. j-Textbox i j-DropdownPracuje tylko z jComponent +v17. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: pl Content-SHA256: 35e2c32fbebb984b17a392722d5b007d2a9c22ff78504bc28b2257ad614c3d9f Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e Review: not-recorded _j-input_ jest wielofunkcyjny `input` element, który obsługuje wiele funkcji i jest zoptymalizowany do codziennego użytku. `j-Textbox` i `j-Dropdown`Pracuje tylko z jComponent `+v17`. __Konfiguracja__: - `type {String}` opcjonalny, wartości: - Puste wartość oznacza default `text` - `email`, - `multiline` - `checkbox` - `phone` - `password` - `zip` - `date` (potrzebny składnik `datepicker`) - __NEW__: `datetime` (potrzebuje składnika `datepicker`) - `time` (potrzebny składnik `timepicker`) - `color` (potrzebny składnik `colorpicker`) - `icon` (potrzebny składnik `faicons`) - `emoji` (potrzebny składnik `emoji`) - `url` - `number` - `number2` (zaniedbany) - `search` - `lower` - `upper` - `slug` - `id` - Nowy: `radiobutton` - Nowy: `tags` - Nowy: `tags-lower` - Nowy: `tags-upper` - Nowy: `tags-id` - Nowy: `tags-email` - Nowy: `tags-slug` - Nowy: `tags-phone` - Nowy: `tags-url` - `required {Boolean}` opcjonalny, umożliwia "wymagane" (default: `false`) - `icon {String}` opcjonalny, ikona dla etykiety np. `home`, `cog`, itp. - Ikony `licon {String}` opcjonalne, ikonę lewej np. `home`, `cog`, itp. - `liconclick {String}` opcjonalny, droga do metody `function(component, input)` - Ikony `ricon {String}` opcjonalne, prawica np. `home`, `cog`, itp. - `riconclick {String}` opcjonalny, droga do metody `function(component, input)` - `label {String}` opcjonalny, etykieta (default jest treścią HTML) - `autofocus {Boolean}` opcjonalny, koncentruje się na wejściu (default: `false`) - `align {String}` opcjonalne , `left` (w oparciu o standard) `2` / `right` lub `1` / `center` - `after {String}` opcjonalny, oznacza to ładunek po etykietowaniu (default: `:`) - `autofill {Boolean/String}` opcjonalny, umożliwia funkcję autofill przeglądarki (`string` będzie używany jako nazwa wejściowa, domyślnie: `false`) - `placeholder {String}` opcjonalny, dodaje tekst `placeholder` do wpisu - `maxlength {Number}` opcjonalny, ustawiając maksymalną długość czołgów (default: `200`) - `minlength {Number}` opcjonalny, ustawiający minimalną długość ładunków - `minvalue {Number}` opcjonalny, minimalna wartość dla typu `number` - `maxvalue {Number}` opcjonalny, maksymalna wartość dla typu `number` - `increment {Number}` opcjonalny, określa wartość zwiększenia (default: `1`) - `validate {String}` opcjonalny, warunek weryfikacji wartości, może zawierać link do `function(value)` lub `!!value.match(/[a-z]+/)` - `format {String}` opcjonalne, formatowanie wyjściowe itp. dla `date` Tytuł : `yyyy-MM-dd`Dla `time` Tytuł : `HH:mm`Dla `number` Możesz zdefiniować maks. decimal (default): `auto`) - `disabled {Boolean}` opcjonalny, wyłącza ten składnik - `error {String}` opcjonalny, dodaje tekst `string` pod składnikiem - `autocomplete {String}` opcjonalny, musi zawierać link do funkcji, jest uruchomiony na wydarzeniach `focus` - `spaces {Boolean}` opcjonalny, umożliwia przestrzenie w przeciwnym razie usuwa je (default: `true`) - `innerlabel {Boolean}` opcjonalny, umożliwia etykietę wewnętrzną (default: `true`) - `dirsource {String}` opcjonalny, ścieżka do źródła danych lub __NEW__ do `function(search, next)` (puta musi zawierać `/` lub __NOW__: `id|name,id|name` - `dircustom {String/Boolean}` jest opcjonalny, może zawierać ścieżkę do `function(val, next(new_val))` lub może być `Boolean`. ta opcja może umożliwić dodanie wartości dostosowanej (wartość nie jest zdefiniowana w źródle danych) - `dirrender {String}` opcjonalny, ścieżka do `function(item, text)` (musisz zwrócić HTML dla `j-Directory`), ta funkcja może wpływać na listę elementów w `j-Directory` - `dirminwidth {Number}` opcjonalny, minimalna szerokość dla `j-Directory`, domyślnie: `200` - `dirmaxwidth {Number}` opcjonalny, maksymalna szerokość dla `j-Directory` - `diroffsety {Number}` opcjonalny, `Y` offset (default: `0`) - `diroffsetx {Number}` opcjonalny, `X` offset (default: `0`) - `dirplaceholder {String}` opcjonalny, miejsce dla `j-Directory` - `dirempty {String}` opcjonalny, dodaje puste pole do `j-Directory` - `dirkey {String}` opcjonalny, nazwa kluczowa do czytania `text` w `dirsource` (default: `name`) - `dirvalue {String}` opcjonalny, nazwa kluczowa do czytania `value` w `dirsource` (default: `id`) - `direxclude {Boolean}` opcjonalny, wyklucza aktualną wartość z `j-Directory` (default: `true`) - `dirsearch {Boolean|String}` opcjonalny, można wyłączyć wyszukiwanie w `j-Directory` (default: `true`) lub `{String}` (nazwa kluczowa) może mapować wartość wyszukiwania - `dirraw {Boolean}` opcjonalny, może wyłączyć ucieczkę przedmiotów dla `j-Directory` (default: `false`) - `dirdetail {String}` opcjonalny, łącznik do funkcji `function(val, next(NEW_TEXT))` (zaznaczony do `dirsource`) - Opcjonalna metoda `dirfilter {String}`, wstępna metoda filtra, na przykład: `value.id !== 2` (zaznaczona do `dirsource`) - __NEW__: `dirrawrender {Boolean}` opcjonalny, jeśli `dirsource` nie zawiera wartości, będzie to wartość surowa (default: `true`) - `mask {String}` opcjonalny, może zawierać maskę w formie `###/##` (`#` zastępuje się ładownikiem) - `maskregexp {String}` opcjonalny, może zawierać RegExp dla każdego czaru w formularzu `\d,\d,\d,null,\d,\d` (`,` jest delimiter) - `masktidy {Boolean}` opcjonalny, składnik zwraca tylko surowe czołgi bez stałych czołów (default: `false`) - `autosource {String}` jest ścieżką do źródła wyszukiwania `Array` (__NEW__) lub `function(search, render(arr))` dla dynamicznego wyszukiwarki - `autovalue {String}` - trasa właściwości dla wartości w `autosource`, standard: `name` - Metoda `autoexec {String}` - metoda `function(item, next(value_to_input))` - `searchalign {Number}` Możesz dostosować ikonę `type:search` Wystarczy zostawić (`2`lub prawidłowo (`1`i default) - `forcevalidation {Boolean}` umożliwia weryfikację siły dla `phone` i `email` (default: `true`) - `camouflage {Boolean|String}` maskuje wartość w wejściu po wydaniu zdarzenia `blur` (default: `false`) lub może być `String`, który będzie używany jako kamuflaż - `monospace {Boolean}` umożliwia czcionkę `monospaced` (default: `false`) - `multiple {Boolean}` umożliwia skrzynki kontrolne, jeśli `dirsource` nie jest pusty - `tabindex {Number}` dodaje indeks tab (default: `0`) - `tabs {Boolean}` umożliwia karty dla multiliny (default: `true`) - `readonly {Boolean}` Blok polu tekstowego (default: `false`) - `transform {String}` link do `function(value, config)` do przekształcenia wartości wprowadzonych - `multiline {Boolean}` działa tylko z typem `radiobutton` - `separator {String|Boolean}` - oddzielnik dla wielokrotnych wartości - `realtime {Boolean}` umożliwia wiązanie w czasie rzeczywistym (default: `true`) - `exec {String}` to link do `function(value, element)`, który zostanie oceniony, jeśli wpływa na __Interesujące jest:__ - `type:date` potrzebny __`datepicker`__ składnik - `type:time` potrzebny __`timepicker`__ składnik - `dirsource:path.to.datasource` potrzebny __`directory`__ składnik - Jeśli `licon` lub `ricon` zaczyna się od `!`, to składnik daje wartość surową zamiast `icon`. - Klasa `ui-input-ok` wiąże się, gdy wpis jest zatwierdzony i wypełniony - `SET('path', 'camouflage', 'show');` wykazuje wartość 2000 ms ```video https://www.youtube.com/watch?v=Ne3ezaP0w34 ``` Użyj go z ``Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT. ```html example.html
Framework I agree with terms Notes Frameworks
City
Tags
Date
Search
Password
ZIP
Email
Phone
Gender
Gender
Your age
```