Criar aparências personalizadas em formulários HTML5 create-custom-appearances-in-html-forms
Você pode conectar widgets personalizados a um Forms móvel. Você pode estender widgets jQuery existentes ou desenvolver seus próprios widgets personalizados usando a estrutura de aparências. O mecanismo XFA usa vários widgets, consulte Estrutura de aparência para formulários adaptáveis e HTML5 para obter informações detalhadas.
Um exemplo de widget padrão e personalizado
Integração de widgets personalizados com formulários HTML5 integrating-custom-widgets-with-html-forms
Criar um perfil create-a-profile-nbsp
Você pode criar um perfil ou escolher um perfil existente para adicionar um widget personalizado. Para obter mais informações sobre a criação de perfis, consulte Criar perfil personalizado.
Criar um dispositivo create-a-widget
Os formulários HTML5 fornecem uma implementação da estrutura de widgets que pode ser estendida para criar novos widgets. A implementação é um widget jQuery abstractWidget que pode ser estendido para criar um novo widget. O novo widget pode se tornar funcional somente estendendo/substituindo as funções mencionadas abaixo.
Para criar seu próprio widget, no perfil criado acima, inclua referências do arquivo JavaScript que contém funções substituídas e funções recém-adicionadas. Por exemplo, a variável sliderNumericFieldWidget é um widget para Campos numéricos. Para usar o widget em seu perfil na seção de cabeçalho, inclua a seguinte linha:
window.formBridge.registerConfig("widgetConfig" , widgetConfigObject);
Registrar widget personalizado com o mecanismo de script XFA register-custom-widget-with-xfa-scripting-engine-nbsp
Quando o código do widget personalizado estiver pronto, registre o widget com o mecanismo de script usando registerConfig
API para Ponte de formulário. É necessário widgetConfigObject como entrada.
window.formBridge.registerConfig("widgetConfig",
{
".<field-identifier>":"<name-of-the-widget>"
}
);
widgetConfigObject widgetconfigobject
A configuração do widget é fornecida como um objeto JSON (uma coleção de pares de valores chave), em que a chave identifica os campos e o valor representa o widget a ser usado com esses campos. Um exemplo de configuração é semelhante a:
*{*
*"identifier1" : "customwidgetname",
"identifier2" : "customwidgetname2",
..
}*
onde "identifier" é um seletor CSS jQuery que representa um campo específico, um conjunto de campos de um tipo específico ou todos os campos. Veja a seguir o valor do identificador em casos diferentes: