找回密码
 立即注册

QQ登录

只需一步,快速开始

nicksong

注册会员

4

主题

9

帖子

31

积分

注册会员

积分
31
最新发帖
nicksong
注册会员   /  发表于:2017-12-2 15:26  /   查看:8173  /  回复:10
使用PrintDocument 方法打印表格,如何设置让打印出来的表格有网格线?代码如下:



function printDocument(ids, title) {
    var thistitle = title ? title : "tz";
    var doc = new wijmo.PrintDocument({title: thistitle + new Date().Format('yyyy-MM-dd')});
    if (!ids)
        throw new Error('请传递flexid');
    var flex = getFlexGrid(ids);
    var tbl = renderTable(flex);
    doc.append(tbl);
    doc.print();
}

function renderTable(flex) {
    // start table
    var tbl = '<table>';
    // headers
    if (flex.headersVisibility & wijmo.grid.HeadersVisibility.Column) {
        tbl += '<thead>';
        for (var r = 0; r < flex.columnHeaders.rows.length; r++) {
            tbl += renderRow(flex.columnHeaders, r);
        }
        tbl += '</thead>';
    }
    // body
    tbl += '<tbody>';
    for (var r = 0; r < flex.rows.length; r++) {
        tbl += renderRow(flex.cells, r);
    }
    tbl += '</tbody>';
    // done
    tbl += '</table>';
    return tbl;
}

function renderRow(panel, r) {
    var tr = '',
        row = panel.rows[r];
    if (row.renderSize > 0) {
        tr += '<tr>';
        for (var c = 0; c < panel.columns.length; c++) {
            var col = panel.columns[c];
            if (col.renderSize > 0) {
                // get cell style, content
                var style = 'width:' + col.renderSize + 'px;' +
                    'text-align:' + col.getAlignment() + ';' +
                    'padding-right: 6px';
                var content = panel.getCellData(r, c, true);
                if (!row.isContentHtml && !col.isContentHtml) {
                    content = wijmo.escapeHtml(content);
                }
                // add cell to row
                if (panel.cellType == wijmo.grid.CellType.ColumnHeader) {
                    tr += '<th style="' + style + '">' + content + '</th>';
                } else {
                    // rt.Style.GridLines.All = LineDef.Default
                    // show boolean values as checkboxes
                    var raw = panel.getCellData(r, c, false);
                    if (raw === true) {
                        content = '&#9745;';
                    } else if (raw === false) {
                        content = '&#9744;';
                    }

                    tr += '<td style="' + style + '">' + content + '</td>';
                }
            }
        }
        tr += '</tr>';
    }
    return tr;
}



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

11 个回复

倒序浏览
JeffryLI
葡萄城公司职员   /  发表于:2017-12-4 09:53:17
沙发
您好,您把帖子都发错误地方了,怪不得我找不见,您可以参照这个示例http://demo.gcpowertools.com.cn/wijmo5/learningwijmo/#e6YKp,希望能帮到您
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
nicksong
注册会员   /  发表于:2017-12-4 10:08:16
板凳
JeffryLI 发表于 2017-12-4 09:53
您好,您把帖子都发错误地方了,怪不得我找不见,您可以参照这个示例http://demo.gcpowertools.com.cn/wijm ...

抱歉哈....
我找的就是这个示例,但是不知道代码哪里可以控制表格线的显影
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2017-12-4 10:42:29
地板
nicksong 发表于 2017-12-4 10:08
抱歉哈....
我找的就是这个示例,但是不知道代码哪里可以控制表格线的显影

没关系,打印的时候导出表格的样式是我们组织成table扔给打印接口来打印的,希望能帮到您。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
nicksong
注册会员   /  发表于:2017-12-4 13:42:19
5#
JeffryLI 发表于 2017-12-4 09:53
您好,您把帖子都发错误地方了,怪不得我找不见,您可以参照这个示例http://demo.gcpowertools.com.cn/wijm ...

这个示例可以打印,但是不能预览,是空白的.
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2017-12-4 16:03:40
6#
nicksong 发表于 2017-12-4 13:42
这个示例可以打印,但是不能预览,是空白的.

您好,打印的文件有网格线吗?我这边预览是正常的,如我发给您的示例链接。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
nicksong
注册会员   /  发表于:2017-12-4 17:33:53
7#
JeffryLI 发表于 2017-12-4 16:03
您好,打印的文件有网格线吗?我这边预览是正常的,如我发给您的示例链接。

您好,您发给我的链接我和我同事打开预览都是空白的,数据都没打印出来
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2017-12-4 18:03:22
8#
您好,我这边都是正常的,打印也是好的,这样吧,我做一个离线demo发给你,最晚明天中午吃饭前给您。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
nicksong
注册会员   /  发表于:2017-12-4 19:00:23
9#
JeffryLI 发表于 2017-12-4 18:03
您好,我这边都是正常的,打印也是好的,这样吧,我做一个离线demo发给你,最晚明天中午吃饭前给您。

太感谢您了
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2017-12-4 19:05:51
10#

不客气哈。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部