j-Input

j-Input é multifuncional input componente que suporta muitas funcionalidades e é otimizado para uso diário. j-Textbox e j-DropdownTrabalha apenas com jComponent +v17.

Configuração:

• type {String} opcional, valores:
  • Valor vazio significa padrão text
  • email,
  • multiline
  • checkbox
  • phone
  • password
  • zip
  • date (necessita componente datepicker)
  • NEW: datetime (necessita componente datepicker)
  • time (necessita componente timepicker)
  • color (necessita componente colorpicker)
  • icon (necessita componente faicons)
  • emoji (necessita componente emoji)
  • url
  • number
  • number2 (Nulável)
  • search
  • lower
  • upper
  • slug
  • id
  • Título: radiobutton
  • Título: tags
  • Título: tags-lower
  • Título: tags-upper
  • Título: tags-id
  • Título: tags-email
  • Título: tags-slug
  • Título: tags-phone
  • Título: tags-url
• required {Boolean} opcional, permite o "requisito" (default: false)
• icon {String} opcional, ícone para o rótulo, por exemplo, home, cog, etc.
• licon {String} opcional, ícone esquerda, por exemplo, home, cog, etc.
• liconclick {String} opcional, um caminho para o método function(component, input)
• ricon {String} opcional, ícone direita, por exemplo, home, cog, etc.
• riconclick {String} opcional, um caminho para o método function(component, input)
• label {String} opcional, um rótulo (default é conteúdo HTML)
• autofocus {Boolean} opcional, focando a entrada (default: false)
• align {String} Opcional é left (defeitualmente em 2 / right ou 1 / center
• after {String} opcional, significa um carrinho após a etiqueta (default: :)
• autofill {Boolean/String} opcional, permite a função de autofilação do navegador (string será usado como um nome de entrada, padrão: false)
• placeholder {String} opcional, adiciona um texto placeholder à entrada
• maxlength {Number} opcional, fixa-se uma duração máxima de carros (default: 200)
• minlength {Number} opcional, estabelece um comprimento mínimo de carros
• minvalue {Number} opcional, um valor mínimo para o tipo number
• maxvalue {Number} opcional, um valor máximo para o tipo number
• increment {Number} opcional, estabelece um valor para incrementar (default: 1)
• validate {String} opcional, uma condição para validação de valor, pode conter um link para function(value) ou !!value.match(/[a-z]+/)
• format {String} O formato de saída, por exemplo, para date Tipo de: yyyy-MM-ddPara time Tipo de: HH:mmPara number Você pode definir max. decimals (default: auto)
• disabled {Boolean} opcional, desabilita este componente
• error {String} opcional, adiciona um texto string abaixo do componente
• autocomplete {String} opcional, precisa de conter um link para uma função, é desencadeado no evento focus
• spaces {Boolean} opcional, permite espaços caso contrário ele os remove (default: true)
• innerlabel {Boolean} opcional, permite a etiqueta interna (default: true)
• dirsource {String} opcional, o caminho para uma fonte de dados ou NEW para function(search, next) (o caminho deve conter / ou NOV: id|name,id|name
• dircustom {String/Boolean} opcional, pode conter um caminho para function(val, next(new_val)) ou pode ser Boolean.Esta opção pode permitir adicionar um valor personalizado (valor não definido na fonte de dados)
• dirrender {String} opcional, um caminho para function(item, text) (deve retornar HTML para j-Directory), esta função pode afetar a lista de itens em j-Directory
• dirminwidth {Number} opcional, uma largura mínima para j-Directory, padrão: 200
• dirmaxwidth {Number} opcional, uma largura máxima para j-Directory
• diroffsety {Number} opcional, Y offset (default: 0)
• diroffsetx {Number} opcional, X offset (default: 0)
• dirplaceholder {String} opcional, um local para j-Directory
• dirempty {String} opcional, adiciona um campo vazio para j-Directory
• dirkey {String} opcional, um nome chave para a leitura de text em dirsource (default: name)
• dirvalue {String} opcional, um nome chave para a leitura de value em dirsource (default: id)
• direxclude {Boolean} opcional, exclui um valor atual de j-Directory (default: true)
• dirsearch {Boolean|String} opcional, pode desativar a pesquisa em j-Directory (default: true) ou {String} (nome-chave) pode mapa um valor para pesquisar
• dirraw {Boolean} opcional, pode desativar a fuga de itens para j-Directory (default: false)
• dirdetail {String} opcional, um link para a função function(val, next(NEW_TEXT)) (alvo para dirsource)
• dirfilter {String} opcional, um método condicional de filtro inline, por exemplo: value.id !== 2 (alvo para dirsource)
• NEW: dirrawrender {Boolean} opcional, se o dirsource não inclui valor ele renderá um valor bruto (default: true)
• mask {String} opcional, pode conter uma máscara na forma de ###/## (# é substituído por um carrinho)
• maskregexp {String} opcional, pode conter RegExp para cada char na forma \d,\d,\d,null,\d,\d (, é delimitador)
• masktidy {Boolean} opcional, o componente só devolve carros crus sem carros fixos (default: false)
• autosource {String} um caminho para a fonte de pesquisa Array (NEW) ou function(search, render(arr)) para pesquisa dinâmica
• autovalue {String} um caminho de propriedade para o valor em autosource, padrão: name
• autoexec {String} um caminho método function(item, next(value_to_input))
• searchalign {Number} Você pode alinhar o ícone type:search Para sair (2ou bem (1Defeituoso
• forcevalidation {Boolean} permite validação de força para phone e email (default: true)
• camouflage {Boolean|String} esconde o valor na entrada depois de ser desencadeado blur evento (default: false) ou pode ser String que será usado como um camuflagem
• monospace {Boolean} permite a letra monospaced (default: false)
• multiple {Boolean} permite caixas de verificação se o dirsource não for vazio
• tabindex {Number} adiciona um tabindex (default: 0)
• tabs {Boolean} permite tabas para multilinas (default: true)
• Edição de campo de texto de bloco readonly {Boolean} (default: false)
• transform {String} um link para o function(value, config) para a transformação de valores introduzidos
• multiline {Boolean} funciona apenas com o tipo radiobutton
• separator {String|Boolean}: um separador para valores multi-referidos
• realtime {Boolean} permite a ligação em tempo real (default: true)
• exec {String} um link para o function(value, element) que será avaliado se a entrada for afetada

Interessante em:

• type:date necessita datepicker componente
• type:time necessita timepicker componente
• dirsource:path.to.datasource necessita directory componente
• Se licon ou ricon começa com !, então o componente faz um valor razoável em vez de icon.
• A classe ui-input-ok é vinculada quando a entrada é validada e preenchida.
• SET('path', 'camouflage', 'show'); mostra o valor para 2000 ms

Use-o com <ui-component name="input">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.