Aplikasi jQuery EasyUI - Cipta Apl CRUD

Pengumpulan data dan pengurusan data yang betul adalah keperluan biasa untuk aplikasi rangkaian. CRUD membolehkan kami menjana senarai halaman dan mengedit rekod pangkalan data. Tutorial ini akan menunjukkan kepada anda cara untuk melaksanakan CRUD DataGrid menggunakan rangka kerja jQuery EasyUI.

Aplikasi jQuery EasyUI - Cipta Apl CRUD sintaks

Kami akan menggunakan pemalam berikut:

datagrid: untuk memaparkan data senarai kepada pengguna.

dialog: Buat atau edit satu mesej pengguna.

borang: digunakan untuk menghantar data borang.

messager: Paparkan beberapa maklumat operasi.

Aplikasi jQuery EasyUI - Cipta Apl CRUD contoh

<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>