easyui datagrid 自定义加载按钮实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了easyui datagrid 自定义加载按钮实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2170字，纯文字阅读大概需要4分钟。
内容图文
今天写一个项目，在用到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一列添加多个按钮了。
650) this.width=650;" src="/upload/getfiles/default/2022/11/15/20221115012639960.jpg" title="QQ图片20150514151515.png" />
本文出自 “9958665” 博客，谢绝转载！
原文：http://9968665.blog.51cto.com/9958665/1651256
内容总结
以上是互联网集市为您收集整理的easyui datagrid 自定义加载按钮实例全部内容，希望文章能够帮你解决easyui datagrid 自定义加载按钮实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。