easyui06(datagrid数据删改)

简介: easyui06(datagrid数据删改)

一.失焦跳转到指定页代码参考

$(".pagination-num").blur(function(){
    var index=$(".pagination-num").val();//拿到文本框的值
    var grid = $('#myTable');//拿到表格
    var options = grid.datagrid('getPager').data("pagination").options;//拿到所有选项 
    var pageNum = options.pageNumber;//拿到当前页数 
    var total = options.total; //拿到总行数
    var max = Math.ceil(total/options.pageSize);//算出总页数 
    if(index>=1&&index<=max){//判断
        //跳转到指定页码 
        $('#myTable').datagrid('gotoPage',index);
    }
    else{//予以提示
        alert("请输入1-"+max+"之间的数字!");
        myShow();//刷新数据
        $(".pagination-num").val(pageNum);//显示为当前页 
    }
})

二.删除按钮

//给删除按钮添加点击事件
     $("#deleteBtn").click(function(){
         //拿到所选中的行  商品对象
        var row = $('#myTable').datagrid('getSelected');                    
        if(row!=null){//选中了
            $.messager.confirm('确认','您确认想要删除记录吗?',function(r){    
                if (r){//确定删除  
                    //向后台发起ajax请求
                    $.post(ctx+"/deletetype.do",{tid:row.tid},function(data){
                        if(data=="yes"){
                            $.messager.alert('消息','删除成功'); 
                             myShow();//刷新数据  
                        }
                        else{
                            $.messager.alert('错误','删除失败'); 
                        }
                    });
                }    
            });  
        }
        else{
            $.messager.alert('警告','请选中你要删除的商品'); 
        }
     })


相关文章
|
3月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
15 2
|
3月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
18 0
|
1月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
3月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
|
3月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
6月前
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
6月前
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
|
6月前
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
|
6月前
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决
|
6月前
EasyUI Datagrid 分页事件
EasyUI Datagrid 分页事件