js实现导入导出打印预览 -

myjoan

浏览: 72651 次
性别:
来自: 北京

最近访客更多访客>>

hwj385327450

lirunmin

fyf_轻风

tomandjame

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

js实现导入导出打印预览

博客分类：

Extjs

Excel EXT JavaScript CSS J#

<%@ page contentType="application/vnd.ms-excel;charset=gb2312" %>
<html>
<head>
<style media=print mce_bogus="1"> .Noprint{display:none;} .PageNext{page-break-after:always;} </style>
</head>
<link rel="stylesheet" type="text/css" href="file:///D|/soft/ext-3.0.3/resources/css/ext-all.css" />
<script language="javascript" type="text/javascript" src="file:///D|/soft/ext-3.0.3/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="file:///D|/soft/ext-3.0.3/ext-all.js"></script>
<script language="javascript" type="text/javascript">
Ext.onReady(function(){

var data=[ [1, 'EasyJWeb', 'EasyJF','www.easyjf.com'],

[2, 'jfox', 'huihoo','www.huihoo.org'],

[3, 'jdon', 'jdon','www.jdon.com'],

[4, 'springside', 'springside','www.springside.org.cn'] ];
var sm=new Ext.grid.CheckboxSelectionModel();
var store=new Ext.data.SimpleStore({data:data,fields:["id","name","organization","homepage"]});

var grid = new Ext.grid.GridPanel({

renderTo:"hello",

title:"中国Java开源产品及团队",

height:150,

width:600,

columns:[sm,{header:"项目名称",dataIndex:"name"},

{header:"开发团队",dataIndex:"organization"},

{header:"网址",dataIndex:"homepage"}],
sm:sm,
store:store,

autoExpandColumn:2

});

});
</script>
<body >
<br />
<div id="hello"></div>
<br/><br>
<div id="newTable" style="font-size:12px;" ></div>
<br><br>
<span class="Noprint">
<input type="button" onClick="javascript:AllAreaExcel();" value="导出Excel">
<input type="button" onClick="javascript:OpenWord();" value="导出Word">
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)> <input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
<input name=Button onclick=document.all.WebBrowser.ExecWB(7,1) type="button" value="打印预览"><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<input type="file" name="file" id="file"/><input type="button" id="excelimport" name="excelimport" value="Excel导入" onClick="javascript:readExcel()" />
</span>
</div>
<script language="javascript" type="text/javascript">
function readExcel()
{

if(document.getElementById("file").value.split(".")[1]=="xls"){
var oXL = new ActiveXObject("Excel.Application");
try{
var oWB = oXL.Workbooks.open(document.getElementById("file").value);
}catch(e){
alert('打开文件失败！');
}
var oSheet = oWB.ActiveSheet;
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("cellpadding","0");
table.setAttribute("cellspacing","0");
table.setAttribute("border-collapse","collapse");
table.setAttribute("width","60%");
//table.setAttribute("style-fontSize","12");
table.setAttribute("id","mytable");
document.body.appendChild(table);
for(var i=0;i<oSheet.usedrange.rows.count;i++){
var row=table.insertRow(i);
for(var j=0;j<(oSheet.usedrange.cells.count/oSheet.usedrange.rows.count);j++){
//oSheet.Cells(i,j).Font.Size = 10;
//alert(oSheet.Cells(i+1,j+1).value);

if(oSheet.Cells(i+1,j+1).value==null){
row.insertCell(j).appendChild(document.createTextNode(""));
}
else{
row.insertCell(j).appendChild(document.createTextNode(oSheet.Cells(i+1,j+1).value));
}
}
}
var div=document.getElementById("newTable");
div.appendChild(table);
//alert(oSheet.Rows.rows);
// alert(oSheet.Cells(1,1).value);//cell的值
// alert(oSheet.usedrange.cells.count);//cell的值
// alert(oSheet.usedrange.rows.count);//使用的行数
// alert(oWB.Worksheets.count);//得到sheet的个数
oSheet=null;
oWB.close();
oXL=null;
}else{
if(document.getElementById("file").value==""){
window.alert("请选择Excel文件");
return false;
}else{
window.alert("您选择的不是Excel文件");
return false;
}
}
}
//导入Excel
function AllAreaExcel()
{
//创建Excel格式对象
var oXL = new ActiveXObject("Excel.Application");
//var oXL = createOXL();
//获取workbook对象
var oWB = oXL.Workbooks.Add();

//激活当前sheet
var oSheet = oWB.ActiveSheet;
//oSheet.Cells(1,1).Font.Size = 30;

var sel=document.body.createTextRange();

//把表格中的内容移到TextRange中
sel.moveToElementText(hello);

//全选TextRange中内容
sel.select();

//复制TextRange中内容
sel.execCommand("Copy");

//粘贴到活动的EXCEL中
oSheet.Paste();

//设置excel可见属性
oXL.Visible = true;
//oXL.Quit();
}
//导出word
function OpenWord(){

    var ExcelSheet = new ActiveXObject('word.Application');
// 使 Excel 通过 Application 对象可见。
    ExcelSheet.Application.Visible = true;
    var orgNum=ExcelSheet.Documents.Add("",0,1);
    var myRange =orgNum.Range(0,1)
    var sel=document.body.createTextRange();
    var oTblExport =document.getElementById("hello");
    if (oTblExport != null) {
        sel.moveToElementText(oTblExport);
        sel.execCommand('Copy');
        document.body.blur();
        myRange.Paste();
    }
//window.close();
    //ExcelSheet.Application.Quit();
}
</script>

</body>
</html>

分享到：

仿qwikiOffice，在ExtJS2.0.2下实现的信息 ... | java 获取网卡物理地址

2010-11-05 11:26
浏览 1785
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js实现导入导出打印预览

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js实现导入导出打印预览

评论

发表评论

相关推荐

前台分页， 我这里总结一下工作中实现的几种 Ext tree 和 grid 的分页问题。

Ext.grid.GridPanel 加多个 Ext.Toolbar

仿qwikiOffice，在ExtJS2.0.2下实现的信息提示小窗口Notification

上传 formpanel

[Ext扩展]两个来自Ext官方论坛的时间控件扩展，可选择时分秒

如何隐藏form表单中的ComboBox与fiedLabel

Ext.data- Connection/Ajax/Record

Ext grid 动态表头的例子

【转】ExtJS 3.0 优秀扩展简介 (持续更新)

Ext2.2动态生成ColumnModel

gridpanel动态重新加载columnModel与store

ExtJS中get、getDom、getCmp、getBody、getDoc的使用（转）

Ext2的日期组件只选择年月

MyEclipse的JavaScript提示插件(JSEclipse)

grid去掉分页 刷新

在ExtJs的容器中显示图片，并动态更新

grid三层表头

ext javasript json转换为对象

javascript数据类型转换

扩展Ext.form.DateField实现定义日期面板默认展示日期

最近访客更多访客>>

前台分页，我这里总结一下工作中实现的几种 Ext tree 和 grid 的分页问题。

grid去掉分页刷新