Crear Formularios

Dentro de las herramientas disponibles de nuestra clase javascript tenemos una para poder crear formularios desde un objeto javascript.

Con esta función de la clase podrás crear formularios con un estándar tanto estético como funcional y con ello ahorrar bastante tiempo en los desarrollos.

A continuación mostramos un ejemplo de cómo utilizar este método o función.

//this object declare all forms fields, container, actions and title
var fields = {
    "fields": [
        {
            id: 'idgrupo',
            name: 'idgrupo',
            visible: true,
            type: 'combobox',
            required: false,
            fieldClass: '',
        },
        {
            id: 'observaciones',
            name: 'observaciones',
            visible: true,
            type: 'textarea',
            required: false,
            fieldClass: '',
        },
        {
            id: 'numero',
            name: 'Número',
            visible: true,
            type: 'text',
            required: false,
            fieldClass: '',
            valueDefault: '00000001'
        },
        {
            id: 'nombre',
            name: 'Nombre',
            visible: true,
            type: 'text',
            required: true,
            fieldClass: ''
        },
        {
            id: 'apellido',
            name: 'Apellido',
            visible: true,
            type: 'text',
            required: true,
            fieldClass: ''
        },
        {
            id: 'cancelForm',
            name: 'cancelForm',
            visible: true,
            type: 'boton',
            text: "Cancelar",
            icon: "i-clear",
            clases: "sm white",
            functionClick: "$('#showFormsGeneric').modal('toggle')",
            showLabel: false
        },
        {
            id: 'saveDriver',
            name: 'saveDriver',
            visible: true,
            type: 'boton',
            text: "Guardar",
            icon: "i-save",
            clases: "sm save",
            functionClick: "_createComponents.saveFormData(this, 'createDriver')",
            showLabel: false
        }
    ],
    "conteiner": "showFormsGeneric",
    "title": "Crear conductor"
}
//fhis function, create form into DOM
_createComponents.showCustomForm(fields)

Dentro de las opciones que se definen en el formulario, podrás definir a que función javascript se llamará para que esta guarde los datos del mismo en tu base de datos o donde la requieras.