easyui datagrid 自定义加载按钮实例

标签：datagrid 按钮 添加

今天写一个项目，在用到datagrid的时候突然发现加载操作列中的自定义按钮出来问题，经过一番研究，原来这么简单。话不多说，上图

  //获取选中行审核

        function Checker(indexDiv) {

            $(‘#grid‘).datagrid(‘selectRow‘,indexDiv);//获取选中行

            var rows = $(‘#grid‘).datagrid(‘getSelected‘);//获取选中行数据

            ShowDiv(); //调用事件

            $(‘#UserTd‘).html(rows.UserName);//会员账户

            $(‘#NameTd‘).html(rows.UserAccount);//充值账户

            $(‘#MoneyTd‘).html(rows.RechargeMoney);//充值金额

            $(‘#MoneyYETd‘).html(rows.RemainingSum);//账户余额

            $(‘#SubmitTd‘).html(ShowDateFormat( rows.RechargeDate));//充值日期

            $(‘#BankTd‘).html(rows.PaymentBank);//付款账户银行

            $(‘#PaymentZHTd‘).html(rows.PaymentAccount);//付款账户

            $(‘#grid‘).datagrid(‘clearSelections‘)

        };

        //获取选中行查看

        function Modify(indexDiv) {

            $(‘#grid‘).datagrid(‘selectRow‘, indexDiv);//获取选中行

            var rowDiv = $(‘#grid‘).datagrid(‘getSelected‘);//获取选中行数据

            ModifyDiv();//调用事件

            $(‘#UserTDrr‘).html(rowDiv.UserName);//会员账户

            $(‘#NameTD‘).html(rowDiv.UserAccount);//充值账户

            $(‘#MoneyTD‘).html(rowDiv.RechargeMoney);//充值金额

            $(‘#MoneyYETD‘).html(rowDiv.RemainingSum);//账户余额

            $(‘#SubmitTD‘).html(ShowDateFormat(rowDiv.RechargeDate));//充值日期

            $(‘#BankTD‘).html(rowDiv.PaymentBank);//付款账户银行

            $(‘#PaymentZHTD‘).html(rowDiv.PaymentAccount);//付款账户

            $(‘#CheckStateTD‘).html(rowDiv.MoneyState);//到款状态

            $(‘#grid‘).datagrid(‘clearSelections‘)

        };

        //将序列化成json格式后日期(毫秒数)转成日期格式

        function ShowDateFormat(cellval) {

            if (cellval != null) {

                var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));

                var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;

                var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();

                return date.getFullYear() + "-" + month + "-" + currentDate;

            }

            return null;

        };

        //弹出审核框

        function ShowDiv() {

            $(‘#SHDiv‘).dialog(‘open‘);

        };

        //弹出查看审核框

        function ModifyDiv() {

            $(‘#CKDiv‘).dialog(‘open‘)

        };

上面的代码首先你可以随意添加按钮，必须保证类名不一样。 

按着上面的代码写就能实现在datagrid一列添加多个按钮了。

效果就是这样的

本文出自 “9958665” 博客，谢绝转载！

easyui datagrid 自定义加载按钮实例

标签：datagrid 按钮 添加

原文地址：http://9968665.blog.51cto.com/9958665/1651256