Application jQuery EasyUI - Créer une application CRUD

La collecte et la bonne gestion des données sont des nécessités courantes pour les applications réseau. CRUD nous permet de générer des listes de pages et de modifier les enregistrements de la base de données. Ce tutoriel va vous montrer comment implémenter un CRUD DataGrid à l'aide du framework jQuery EasyUI.

Application jQuery EasyUI - Créer une application CRUDsyntaxe

Nous utiliserons les plugins suivants :

datagrid : pour afficher les données de la liste à l'utilisateur.

dialogue : créez ou modifiez un message pour un seul utilisateur.

formulaire : utilisé pour soumettre les données du formulaire.

messager : affiche des informations sur le fonctionnement.

Application jQuery EasyUI - Créer une application CRUDexemple

<table id="dg" title="My Users" class="easyui-datagrid" style="width:550px;height:250px"        url="get_users.php"        toolbar="#toolbar"        rownumbers="true" fitColumns="true" singleSelect="true">    
    <thead>        
        <tr>            
            <th field="firstname" width="50">First Name</th>            
            <th field="lastname" width="50">Last Name</th>            
            <th field="phone" width="50">Phone</th>            
            <th field="email" width="50">Email</th>        
        </tr>    
    </thead>
</table>
<div id="toolbar">    
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">New User</a>    
    <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit User</a>    
    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Remove User</a>
</div>