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();
for
(var
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>"";
for
(var
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();
for
(var
i = 0; i < recordCount; i++) {
var
r = store.getAt(i);
for
(var
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 Panel提供了方便的打印功能,极大地丰富了用户体验,特别是在数据报告和数据分析场景中。通过深入理解和使用这个插件,开发者可以更好地...
extjs 打印局部层,打印弹出window,grid,panel等!
4. **打印预览与实际打印**:EXTJS的打印插件通常会先生成一个预览窗口,用户可以在预览中确认打印效果,如布局、字体大小等。预览满意后,用户可以选择直接打印或者保存为PDF文档。 5. **CSS样式调整**:由于打印...
### ExtJS 打印功能详解 #### 一、概述 ExtJS 是一款强大的 JavaScript 框架,用于构建复杂的前端应用程序。它提供了丰富的组件库,包括数据网格(grid)、窗体(form)等,并且支持高级功能如拖放、动态加载等。在...
在EXTJS 3.4版本的应用中,集成第三方打印插件Lodop可以实现便捷的Web打印功能。Lodop是一款高效、易用的网页打印控件,它提供了丰富的打印选项和灵活的操作方式,适用于各种复杂的打印需求。本文将详细介绍如何在...
已经整理,能直接看效果的哦,用着不错,要使用的拿走吧
9. **打印与导出**:为了让用户能够将数据导出为Excel文件,可以使用第三方库如SheetJS(JS-XLSX)来将GridPanel的数据转换为Excel格式,然后提供下载。 10. **交互性**:Excel的特性还包括查找、替换、冻结行列等...
关于文件名称列表中的"ExtJS中文手册.doc",这表明手册以Microsoft Word文档格式提供,方便开发者打印或离线阅读。可能包含以下章节: 1. **基础概念**:介绍ExtJS的基本结构,如类系统、MVC模式、组件生命周期等。...
通过上述代码,每当下拉框的选项被选中时,都会触发`select`事件,并打印出选定项的详细数据。 总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField...
### ExtJS 实践大量实例讲解 #### 概述 ExtJS 是一款用于构建现代 Web 应用的强大框架,它提供了一系列丰富的 UI 组件、数据处理功能以及与后端交互的能力。本文将通过大量的实例来讲解如何使用 ExtJS 来开发高...
- **打印支持**:使用ExtJS的Print Manager或第三方库实现报表的打印功能。 - **数据导出**:将报表数据导出为Excel、CSV或其他格式,便于进一步处理。 9. **性能优化** - **远程排序和过滤**:减轻客户端负担,...
除了核心库,还有许多社区开发的扩展和插件,如Grid增强、图表库增强、打印功能等,进一步丰富了ExtJS 3的功能。 综上所述,ExtJS 3 API包含了构建高性能Web应用所需的各种组件和机制。通过使用这个CHM版本的API...
上述代码示例中,我们添加了一个`select`事件监听器,当用户选择新的日期时间后,会在控制台打印出所选值。 4. **优化后的时间选择控件精确到秒** 原始的ExtJs日期时间选择控件可能只精确到分钟,但通过配置`step`...
ExtJS是一个基于JavaScript的富客户端应用框架,专用于构建企业级的Web应用程序。在ExtJS 4.1中,引入了强大的MVC(Model-View-Controller)模式,这是一种设计模式,有助于组织和分离应用程序的不同部分,使得代码...
CHM版(Compiled Help Manual)是Windows下的帮助文档格式,便于离线查阅,具有全文搜索功能,而PDF版则更便于在不同设备上阅读或打印,方便随时学习。 CHM版教程通常会按照目录结构组织内容,每个章节都详细解释了...
涉及技术知识点繁多,EXTJS,DWR,SSH,验证码,换皮肤,标签,上传下载,导入导出,报表制作,数据打印等,是许老师博客http://blog.csdn.net/lenotang/archive/2008/10/12/3063050.aspx上的配套资源,大家有什么不明白...
### extjs前后台交互参数出现中文乱码问题的解决方法 #### 问题背景与原因分析 在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的...
PDF格式使得开发者可以离线阅读和打印,方便随时参考。 4. **EXTJS学习文档.pdf**:这可能是另一份专门针对初学者的学习资料,可能包含入门教程、实例分析和练习题。它可能从最基础的HTML和JavaScript知识开始,...
必须的lib包 博文链接:https://jhaij.iteye.com/blog/272205