Jquery EasyUI简介和数据的增删改查

一、最大特点
1.在Jquery的技术基础上
2.封装程度高，只对外暴露需要交互的属性。用户友好！

二、使用

（一）显示数据
比如，指定一个表格的类名、url，就可以从后台获取数据。不用写任何ＪＳ代码。

界面效果

（二）添加或编辑

创建一个表单对话框，来创建或编辑用户，同样不需要写JS代码

界面效果

定义添加按钮和编辑按钮触发的函数

“保存”按钮，将新增数据或更新数据提交到后台

（三）删除数据

删除选中的数据

function destroyUser(){
    var row = $('#dg').datagrid('getSelected');
    if (row){
        $.messager.confirm('Confirm','Are you sure you want to destroy this user?',function(r){
            if (r){
                $.post('destroy_user.php',{id:row.id},function(result){
                    if (result.success){
                        $('#dg').datagrid('reload');    // reload the user data
                    } else {
                        $.messager.show({    // show error message
                            title: 'Error',
                            msg: result.errorMsg
                        });
                    }
                },'json');
            }
        });
    }
}

移除一行之前,我们将显示一个确认对话框让用户决定是否真的移除该行数据。当移除数据成功之后，调用 'reload' 方法来刷新 datagrid 数据。