Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/blaymo/myci_datatables
CRUD, Codeigniter 3.0.9 + IgnitedDatatables, Datatables y jQuery
https://github.com/blaymo/myci_datatables
codeigniter3 crud datatables harviacode pagination
Last synced: 1 day ago
JSON representation
CRUD, Codeigniter 3.0.9 + IgnitedDatatables, Datatables y jQuery
- Host: GitHub
- URL: https://github.com/blaymo/myci_datatables
- Owner: BlayMo
- Created: 2018-09-18T17:45:01.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-09-28T08:36:24.000Z (about 6 years ago)
- Last Synced: 2023-08-23T14:22:33.419Z (about 1 year ago)
- Topics: codeigniter3, crud, datatables, harviacode, pagination
- Language: JavaScript
- Homepage:
- Size: 2.22 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.html
Awesome Lists containing this project
README
CRUD&DataTables
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#body {
margin: 0 15px 0 15px;
}
p.footer {
text-align: right;
font-size: 11px;
border-top: 1px solid #D0D0D0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
CRUD&DataTables
Ejemplo de implementación de IgnitedDatatables en operaciones CRUD sobre tablas maestro-detalle
He realizado varias vistas de tablas empleando IgnitedDatatables + Datatables y/o Pagination.
El tiempo de construcción de la página figura al final de cada una, siendo la más rápida
la página realizada con una simple paginación, sin el empleo de Datatables.
La tabla maestra (Items) contiene 1000 registros. La tabla detalle (Subitems) contiene 5000 registros.
Software empleado:
- Boostrap 3.3.7
- Codeigniter 3.1.9
- Datatables (IgnitedDatatables 2.0 beta)
- Plugin Datatables 1.10 + jQuery
- Faker (Librería para generar datos falsos)
- CodeIgniter Composer Installer
-
Codeigniter CRUD Generator 1.4 by harviacode.com
Instalación
- Descargue el fichero zip y descomprímalo en el directorio raiz de su servidor.
- Configure 'Database'.
- Importe el fichero myci_datatables.sql.
- Desde el menú 'Utiles', ejecute 'Nuevos Items&Subitems'.
Propósito
- Práctica y aprendizaje en el uso de DataTables, tanto el plugin como la librería.
Conclusiones
En mi opinión la forma más sencilla de presentar en la web tablas con miles de registros es empleando "CodeIgniter’s Pagination class". La librería
"Pagination" que aporta Codeigniter.
El empleo del plugin datatables + ignitedDatatables presenta cierta complejidad. La falta de ejemplos en IgnitedDatatables hace muy
complejo resolver los errores que durante el desarrollo se presentan.
Agradecimientos
Estoy profundamente agradecido a harviacode.com por su generador de código que tanto ha simplificado el desarrollo de proyectos como éste.
Así mismo agradezco a los creadores de IgnitedDatatables y Datatables todo el trabajo realizado.
Licencia
El software de terceros se distribuye bajo sus respectivas licencias.
El código desarrollado en el proyecto se distribuye bajo licencia MIT.
Todo se ha desarrollado para ser compartido y con la intención de que pueda ser de utilidad a otros desarrolladores.
Contacto