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

编程问答 2022-05-03

问题描述

我有一个 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 (将#修改为@）

gridgridjqueryjquery-uijqxgrid