jQuery EasyUI App – Erstellen Sie eine CRUD-App
Übersetzungsergebnisse:
Datenerfassung und ordnungsgemäße Datenverwaltung sind allgemeine Anforderungen für Netzwerkanwendungen. Mit CRUD können wir Seitenlisten erstellen und Datenbankeinträge bearbeiten. Dieses Tutorial zeigt Ihnen, wie Sie ein CRUD DataGrid mithilfe des jQuery EasyUI-Frameworks implementieren.
jQuery EasyUI App – Erstellen Sie eine CRUD-AppSyntax
Wir werden die folgenden Plugins verwenden:
datagrid: um dem Benutzer Listendaten anzuzeigen.
Dialog: Erstellen oder bearbeiten Sie eine einzelne Benutzernachricht.
form: Wird zum Übermitteln von Formulardaten verwendet.
Nachricht: Zeigt einige Betriebsinformationen an.
jQuery EasyUI App – Erstellen Sie eine CRUD-AppBeispiel
<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>