`
阳光星心
  • 浏览: 74493 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

Extjs 打印(转)

阅读更多
var
 record;
function
 viewScore(){
    var
 ions=Ext.getCmp(""projectGrid"").getSelectionModel().getSelections();
    if
(ions.length>0){
        record=ions[0];
        var
 viewScoreWin=Ext.getCmp(""viewScoreWin"");
        if
(!viewScoreWin){
            viewScoreWin = new
 Ext.Window({
                id: ""viewScoreWin"",
                title: ""查看项目评分"",
                width: 1000,
                height: 350,
                closable: true
,
                layout: ""fit"",
                closeAction: ""close"",
                plain: true
,
                modal: true
,
                iconCls: ""vcard_"",
                bodyStyle: ""padding:5px;"",
                buttonAlign: ""center"",
                buttons: [{
                    text: ""刷新"",
                    handler: function
() {
                        getProjectScoreStore(record.data.Id).reload();
                    }
                },
                {
                    text:""打印"",
                    handler:printGrid
                }
                ],
                    items: {
                        xtype: ""panel"",
                        border: false
,
                        frame: false
,
                        baseCls: ""x-plain"",
                        items: [{
                            xtype: ""box"",
                            autoEl: {
                                tag: ""div"",
                                height: 20,
                                id: ""averageScore"" + record.data.Id,
                                html: ""均匀价: "" + round2(getProjectScoreStore(record.data.Id).averageScore, 4),
                                style: ""text-align:center;font-size:16px;font-weight:bold;line-height:20px;""
                            }
                        }, {
                            xtype: ""grid"",
                            height: 250,
                            border: false
,
                            viewConfig: { forceFit: true
 },
                            autoFill: true
,
                            id: ""projectScoreGrid"",
                            viewConfig:{forceFit:true
},
                            store: getProjectScoreStore(record.data.Id),
                            cm: new
 Ext.grid.ColumnModel({
                                columns: [
                                new
 Ext.grid.RowNumberer(),
                                { header: ""专家"", dataIndex: ""UserName"" },
                                {
                                    header: ""评分"",
                                    dataIndex: ""Score"",
                                    renderer: function
(v) {
                                        if
 (v) {
                                            return
 round2(v, 4)
                                        } else
 {
                                            return
 """"
                                        }
                                    }
                                },
                                { header: ""日期"", dataIndex: ""Date"", renderer: Ext.util.Format.dateRenderer(""Y-n-j"") },
                                { header: ""地盘级别"", dataIndex: ""LandLevel"" },
                                { header: ""地盘用处"", dataIndex: ""LandUse"" },
                                { header: ""区段地价"", dataIndex: ""DistrictLandPrice"" },
                                { header: ""用处批改"", dataIndex: ""UseAmend"" },
                                { header: ""期日批改"", dataIndex: ""DateAmend"" },
                                { header: ""容积率批改"", dataIndex: ""PlotRatioAmend"" },
                                { header: ""年期批改"", dataIndex: ""YearAmend"" },
                                { header: ""个别身分批改"", dataIndex: ""SingleAmend"" },
                                
                                { header: ""开辟程度批改"", dataIndex: ""DeveloperLevelAmend""}
                            ]
                            }),
                            sm: new
 Ext.grid.RowSelectionModel({ singleSelect: true
 })
                        }]
                        }
                    });
        }
        viewScoreWin.show();
    }else
{
        Ext.MessageBox.alert(""提示"",""请选择一个要查看的项目"");
    }
}
function
 printGrid() {
    var
 gridcontrol = Ext.getCmp(""projectScoreGrid"");
    var
 tableStr = ""<table  style="border:1 black solid; width:100%;"cellpadding=0 cellspacing=0><tr><td colspan=12 align=center style="border:1px black solid;">"";
    var
 cm = gridcontrol.getColumnModel();
    var
 colCount = cm.getColumnCount();
    var
 temp_obj = new
 Array();
    forvar
 i = 1; i < colCount; i++) {
        if
 (cm.isHidden(i) ==
         true
) {

        }
        else
 {
            temp_obj.push(i);
        }
    }
    tableStr = tableStr + ""均匀价:"" + round2(getProjectScoreStore(record.data.Id).averageScore, 4)+""</td><tr>"";
    forvar
 i = 0; i < temp_obj.length; i++) {
        tableStr = tableStr + ""<td style="border:1 black solid;">"" + cm.getColumnHeader(temp_obj[i]) + ""</td>"";
    }
    tableStr = tableStr + ""</tr>"";
    var
 store = gridcontrol.getStore();
    var
 recordCount = store.getCount();
    forvar
 i = 0; i < recordCount; i++) {
        var
 r = store.getAt(i);
        forvar
 j = 0; j < temp_obj.length; j++) {
            var
 dateIndex = cm.getDataIndex(temp_obj[j]);
            var
 tdvalue = r.get(dateIndex);
            var
 renderFunc = cm.getRenderer(temp_obj[j]);
            if
 (renderFunc != null
) {
                tdvalue = renderFunc(tdvalue);
            }
            if
 (tdvalue == null
) {
                tdvalue = """";
            }
            tableStr = tableStr + ""<td style="border:1 black solid;">"" + tdvalue + ""</td>"";
        }
        tableStr = tableStr + ""</tr>"";
    }
    tableStr = tableStr + ""</table>"";
    var
 titleHtml = tableStr;
    var
 newwin = window.open(""printer.html"", """", """");
    newwin.document.write(titleHtml);
    newwin.document.location.reload();
    newwin.print();
    newwin.close();
    
}
分享到:
评论

相关推荐

    Extjs 局部打印

    extjs 打印局部层,打印弹出window,grid,panel等!

    extjs打印功能

    extjs打印功能 可以实现选中列打印。

    extjs4打印grid插件

    extjs4打印grid插件,官网上的一个例子程序,有需要的人可以下载来看看。

    EXTJS打印源代码

    一个grid打印功能,在官网的一个Ext.ux.grid.Printer的插件,进行改造实现复杂打印。

    ExtJS项目后台模板

    已经整理,能直接看效果的哦,用着不错,要使用的拿走吧

    extjs中利用htmleditor与第三方打印插件Lodop结合使用WEB打印功能

    在extjs3.4版本中使用目前WEB打印插件lodop使用方便快捷的打印功能

    EXTJS+SSH房屋出租系统

    涉及技术知识点繁多,EXTJS,DWR,SSH,验证码,换皮肤,标签,上传下载,导入导出,报表制作,数据打印等,是许老师博客http://blog.csdn.net/lenotang/archive/2008/10/12/3063050.aspx上的配套资源,大家有什么不明白...

    调用浏览器打印按钮,实现打印页面功能

    调用浏览器打印按钮,实现打印页面功能,可以实现二次开发

    extjs 做的一个sqlplus功能的bs客户端.全界面,全源码,丝毫无保留-奉献给大家

    必须的lib包 博文链接:https://jhaij.iteye.com/blog/272205

    extjs-grid-converter:将 extjs 网格面板转换为其他内容(如 html 表或 ods 文件)的助手

    extjs-grid-converter 将 extjs 网格面板转换为其他内容(如 html 表或 ods 文件)的助手GridToHtmlTable 当您需要打印或以某种方式导出 exjs 应用程序中显示的网格数据时,请使用此转换器。 此转换器还会转换嵌套列...

    Extjs应用教程 提高篇

    从网上整理的extjs 提高篇,doc文档,有目录,从第一篇到三十四篇,有图片,效果好,方便打印,绝对是extjs爱好者的最爱.

    aspnet Extjs发票管理系统

    技术特点:Extjs框架,三层架构,Ajax,json 1.仿office2007菜单.介面美观大方,可动态更改皮肤保存至cookie。 2,json数据源与实体类的相互转换. 3.可下载桌面版登录方式,统计在线人数. 4, chm操作手册,方便操作人员...

    ssh+extjs工程

    用ssh+extjs做的一个小项目,麻雀虽小,五脏俱全,里面涉及到文件上传,数据导入导出excel,pdf,web打印(jasperreport)等等.由于jar包太大,分开上传,有需要的朋友可以看看,如有小错误,竞请谅解,相信对需要的人...

    jatoolsPrint web打印控件

    一款很好用的免费的web页面打印工具。 设置纸张类型,如A4、A3等 设置纸张方向(横向、纵向) ...支持extjs、jquery等前台开发框架 支持php、.net、j2ee等开发并台 服务器端支持 windows,linux,unix等.

    s2sh + extjs4 办公平台架构

    系统架构:s2sh + extjs4, 配置我采用传统的xml配置,并没有使用注解的形式,是因为我考虑到xml配置能够更清晰明了,通过配置文件能够清晰看出类之间的关系。 系统特点: 1、使用ehcache 缓存存储用户登录信息,...

    深入剖析ExtJS 2.2实现及应用连载(全集) DOC精排版!

    深入剖析ExtJS 2.2实现及应用连载(全集) DOC精排版!方便打印成册 做手边工具书!不容错过!

    这是我学习Extjs3.0+asp.net所敲的示例希望有用

    一些常用的Extjs+asp.net示例 还包含了一些饼形图的扩展 grid打印 上传图片的文本编辑器等

    GridPanel打印

    在EXTJS开发过程中,经常会需要打印GridPanel的内容,这是打印控件

    ExtJS 入门

    开始… 在ExtJS里最常用的,... 上面的代码将在页面加载完毕后弹出一对话框,打印出’hello world!’字样. 获取元素 还有一个常用的方法,就是获取页面上的元素了,ExtJS提供了一个get方法,可以根据ID取到页面上的元素: va

    log4Net详解(共2讲)

    4.16、报表打印及数据统计 4.17、数据导入导出管理 本项目所涉及到的技术: 数据库方面: 1、PD数据库建模 2、SQL Server2005视图、存储过程、用户自定义函数、触发器 ASP.net方面: 1、ASP.net PetShop七...

Global site tag (gtag.js) - Google Analytics