Question

我是Kendo-UI和Web-Engineering的新手，我正面临着一个问题，我在投入数小时的时间后没有解决这个问题。

我有一个包含8列的网格和一个Excel工具栏按钮。当我触发excelExport事件时，我会显示另外2个隐藏列以在报告中包含它们的数据，之后我再次隐藏它们。

我的问题是我的列在显示时会缩小隐藏列，但是当它们再次隐藏时不会扩展它们的宽度。

这是我的excelExport事件脚本：

<script type="text/javascript">
    var exportFlag = false;

    $(window).load(function() {
        $("#pr-grid").data("kendoGrid").bind("excelExport",function(e) {
            if (!exportFlag) {
                e.sender.showColumn("CallOff");
                e.sender.showColumn("LastChange");
                e.preventDefault();
                exportFlag = true;
                setTimeout(function() {
                    e.sender.saveAsExcel();
                });
            } else {
                e.sender.hideColumn("CallOff");
                e.sender.hideColumn("LastChange");
                exportFlag = false;
            }
        });
     });
</script>

我很感激任何帮助。关心Paparis

Answer 1

$（＆＃39; #pr-grid table＆＃39;）。width（＆＃39; 100％＆＃39;）;

<script type="text/javascript">
        var exportFlag = false;

        function excelExport(e) {
            if (!exportFlag) {
                e.sender.showColumn("CallOff");
                e.sender.showColumn("LastChange");
                e.preventDefault();
                exportFlag = true;
                setTimeout(function() {
                    e.sender.saveAsExcel();
                });
            } else {
                e.sender.hideColumn("CallOff");
                e.sender.hideColumn("LastChange");
                exportFlag = false;
                $('#grid table').width('100%');
            }
        }
    </script>

excel导出后，网格列在Kendo网格中缩小

1 个答案: