`
阳光星心
  • 浏览: 75962 次
  • 性别: 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();
    
}
分享到:
评论

相关推荐

    extjs4打印grid插件

    总的来说,"extjs4打印grid插件"是ExtJS4开发中非常实用的一个工具,它为Grid Panel提供了方便的打印功能,极大地丰富了用户体验,特别是在数据报告和数据分析场景中。通过深入理解和使用这个插件,开发者可以更好地...

    Extjs 局部打印

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

    EXTJS打印源代码

    4. **打印预览与实际打印**:EXTJS的打印插件通常会先生成一个预览窗口,用户可以在预览中确认打印效果,如布局、字体大小等。预览满意后,用户可以选择直接打印或者保存为PDF文档。 5. **CSS样式调整**:由于打印...

    extjs打印功能

    ### ExtJS 打印功能详解 #### 一、概述 ExtJS 是一款强大的 JavaScript 框架,用于构建复杂的前端应用程序。它提供了丰富的组件库,包括数据网格(grid)、窗体(form)等,并且支持高级功能如拖放、动态加载等。在...

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

    在EXTJS 3.4版本的应用中,集成第三方打印插件Lodop可以实现便捷的Web打印功能。Lodop是一款高效、易用的网页打印控件,它提供了丰富的打印选项和灵活的操作方式,适用于各种复杂的打印需求。本文将详细介绍如何在...

    ExtJS项目后台模板

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

    extjs模拟excel表格

    9. **打印与导出**:为了让用户能够将数据导出为Excel文件,可以使用第三方库如SheetJS(JS-XLSX)来将GridPanel的数据转换为Excel格式,然后提供下载。 10. **交互性**:Excel的特性还包括查找、替换、冻结行列等...

    ExtJS中文手册.doc

    关于文件名称列表中的"ExtJS中文手册.doc",这表明手册以Microsoft Word文档格式提供,方便开发者打印或离线阅读。可能包含以下章节: 1. **基础概念**:介绍ExtJS的基本结构,如类系统、MVC模式、组件生命周期等。...

    EXTJS 选下拉框,并取得下拉框的值

    通过上述代码,每当下拉框的选项被选中时,都会触发`select`事件,并打印出选定项的详细数据。 总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField...

    extjs实践大量实例讲解

    ### ExtJS 实践大量实例讲解 #### 概述 ExtJS 是一款用于构建现代 Web 应用的强大框架,它提供了一系列丰富的 UI 组件、数据处理功能以及与后端交互的能力。本文将通过大量的实例来讲解如何使用 ExtJS 来开发高...

    extjs实现报表

    - **打印支持**:使用ExtJS的Print Manager或第三方库实现报表的打印功能。 - **数据导出**:将报表数据导出为Excel、CSV或其他格式,便于进一步处理。 9. **性能优化** - **远程排序和过滤**:减轻客户端负担,...

    Extjs3 API

    除了核心库,还有许多社区开发的扩展和插件,如Grid增强、图表库增强、打印功能等,进一步丰富了ExtJS 3的功能。 综上所述,ExtJS 3 API包含了构建高性能Web应用所需的各种组件和机制。通过使用这个CHM版本的API...

    ExtJs日期时间选择控件

    上述代码示例中,我们添加了一个`select`事件监听器,当用户选择新的日期时间后,会在控制台打印出所选值。 4. **优化后的时间选择控件精确到秒** 原始的ExtJs日期时间选择控件可能只精确到分钟,但通过配置`step`...

    ExtJS4.1实现的mvc模式经典入门案例

    ExtJS是一个基于JavaScript的富客户端应用框架,专用于构建企业级的Web应用程序。在ExtJS 4.1中,引入了强大的MVC(Model-View-Controller)模式,这是一种设计模式,有助于组织和分离应用程序的不同部分,使得代码...

    ExtJs电子教程CHM版和PDF版+中文版API

    CHM版(Compiled Help Manual)是Windows下的帮助文档格式,便于离线查阅,具有全文搜索功能,而PDF版则更便于在不同设备上阅读或打印,方便随时学习。 CHM版教程通常会按照目录结构组织内容,每个章节都详细解释了...

    EXTJS+SSH房屋出租系统

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

    extjs 前后台交互参数出现中文乱码问题的解决方法

    ### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...

    Extjs学习文档集锦

    PDF格式使得开发者可以离线阅读和打印,方便随时参考。 4. **EXTJS学习文档.pdf**:这可能是另一份专门针对初学者的学习资料,可能包含入门教程、实例分析和练习题。它可能从最基础的HTML和JavaScript知识开始,...

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

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

Global site tag (gtag.js) - Google Analytics