微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 jquery 网格中的单元格中更改按钮文本或显示隐藏按钮

如何解决在 jquery 网格中的单元格中更改按钮文本或显示隐藏按钮

我有一个 jquery 网格 (Jqxgrid),我在最后一个单元格中添加一个按钮 - 用于查看报告。我需要以一种方式自定义此按钮或单元格,如果文件路径为空(文件路径是另一个单元格值),则查看报告按钮文本更改为恢复。或者,如果有任何方法可以隐藏查看报告按钮并显示恢复按钮。这在 jqxgrid 中是可能的还是我过度瞄准了?

参考代码: 最后一列是按钮类型,需要自定义

       // initialize jqxGrid
           grid.jqxGrid({
            width: "100%",height: "100%",source: dataAdapter,showtoolbar: false,selectionmode: 'none',sortable: true,altrows: true,columnsresize: true,filterable: true,editable: true,enabletooltips: true,filtermode: 'excel',rendertoolbar: function (toolbar) {
                var me = this;
            },columns: [
                { text: "Queue Id",datafield: "ReportId",editable: false,width: "10%" },{ text: "Who Updated",datafield: "WhoUpdated",width: "20%" },{ text: "Date Updated",datafield: "UpdatedOn",cellsalign: "left",{
                    text: "Report",datafield: "ReportUrl",width: "10%",columntype: "button",cellsrenderer: function () {
                       return "View Report";
                       // return '<img src="../Images/Download.png"/>';                        
                    },buttonclick: function (row) {
                        var value = $('#jqxgrid').jqxGrid('getcellvalue',row,"ReportUrl");

                        if (value !== "") {
                            const url = $("#getReportDownloadUrl").val()
                                + "?filePath=" + value.replace(/^"(.+(?="$))"$/,'$1') ;
                            produceReport(url);
                        }
                    }
                },]
        });

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。