En el desarrollo web, debemos haber encontrado funciones de búsqueda como Baidu y Google. Entonces, ¿qué se puede hacer con la finalización automática en formas inteligentes? Vamos a revelarlo a continuación:
1. Contiene búsquedas simples como Google, Baidu, etc.
2. Soporte para estructuras complejas, como ingresar un número de producto, debe completar una determinada posición en el formulario de reunión para el número de producto, el nombre del producto, el precio unitario del producto, las notas del producto, etc.
El código es el siguiente (dirección de página: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-autocomplete.html)::
Finalización automática
Nota: Se deben presentar archivos JS: jQuery-ui.js, jquery.fn.extend.js
Una vez completada la generación de formulario, llame al método SmartSearch especificando el elemento
Descripción del parámetro:
URL: URL solicitada
Begeforesearch: Opcional, el método llamado antes de enviar la solicitud. El método tiene datos de parámetros que contienen los datos que se enviarán. Si necesita agregar o modificar los parámetros que se enviarán, puede modificar los parámetros nuevamente.
Formatitem: opcional. Si el devuelto no es una cadena de matriz simple, debe personalizar la operación para formatear el contenido que se muestra en la interfaz. En el ejemplo, se muestra el número de producto + el nombre del producto.
devolución de llamada: opcional. Si la cadena de matriz devuelta no es una cadena de matriz simple, debe personalizar la operación y usarla para asignar valores
Nota: Si la interfaz devuelve una matriz de cadenas simple, se puede omitir el formatitem y la devolución de llamada.
Aquí hay una captura de pantalla de ejecutar en mi proyecto de prueba local:
Lo anterior es la descripción completa del soporte de componentes automáticos de Bootstrap Smart Form Practical (10) introducido por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!