复制Excel中的数据到剪贴板时,可能Excel中的中文或者其他数据是从其他地方导出或其他原因,会给数据带上引号,这些在Excel中是看不到的,复制到粘贴板上之后,就可以很明显的看到,而且因为引号的原因,往往会将原本在Excel中一行的数据变成两行。这是个大陷阱,值得注意。今天整了好一阵子,终于弄出这么个方案来,也不知道好不好,反正能达到我的要求,记下来先。
1、JS获取剪贴板数据:
//jquery中未对onpaste事件(即粘贴事件)进行封装,只好采用js原有的方式为每个text控件绑定onpaste事件
$.each($("#XXX").find("table").find("tbody").find("input[type='text']"),function(obj,index){
this.onpaste = readClipboardData;
});
//读取剪切板数据,并将剪切板数据存放于各table cell中
function readClipboardData() {
var str = getClipboard(); //获取剪切板数据
var len = str.split("\n");//获取行数
//处理双引号问题:从Excel中的数据,复制到粘贴板之后可能会加上引号,会导致换行,所以需要处理
for(var m=0;m
var strRow = len[m];
//如果双引号导致的换行,通常都是一个"+"\t",而且是紧挨在一起的
var itemIndex=strRow.indexOf("\"");
var spaceIndex =strRow.indexOf("\t");
if(itemIndex==0 && spaceIndex==1){
len[m-1]=len[m-1]+len[m];//将换行后的数据追加到前一行
}
}
var tdIndex = $(this).parent().parent().index(); //获取当前text控件的父元素td的索引
var trIndex = $(this).parent().parent().parent().index(); //获取当前text控件的父元素的父元素tr的索引
var trStr;
var $trp=$(this).parent().parent().parent().parent();
if(len.length==1){
$(this).val(len);
return false;
}
//从excle表格中复制的数据,最后一行为空行,因此无需对len数组中最后的元素进行处理
for(var i=0;i
//excel表格同一行的多个cell是以空格 分割的,此处以空格为单位对字符串做 拆分操作。。
trStr = len[i].split("\t");
var itemIndex=len[i].indexOf("\"");
var spaceIndex = len[i].indexOf("\t");
if(jQuery.trim(trStr)!="\""){//数据只是换行后的双引号
if(itemIndex==0 && spaceIndex==1){//数据只是换行后的双引号和其他数据
}else{
for(var j=0;j<=trStr.length-1;j++){ //将excel中的一行数据存放在table中的一行cell中
var $td=$trp.find("tr:eq("+trIndex+")").children("td:eq("+(tdIndex+j)+")");
var $tinput=$trp.find("tr:eq("+trIndex+")").children("td:eq("+(tdIndex+j)+")").children("span").children("input[type=text]");
if($td.html()!=null){
$tinput.val(trStr[j]);
if($trp.parent().parent().attr("id")=="XXX"){
saveData($tinput); }
}
}
trIndex ++ ;
}
}
}
return false; //防止onpaste事件起泡
}
//获取剪切板数据 函数
function getClipboard() {
if (window.clipboardData) {
return (window.clipboardData.getData('Text'));
}
else if (window.netscape) {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
clip.getData(trans, clip.kGlobalClipboard);
var str = new Object();
var len = new Object();
try {
trans.getTransferData('text/unicode', str, len);
}
catch (error) {
return null;
}
if (str) {
if (Components.interfaces.nsISupportsWString) str = str.value.QueryInterface(Components.interfaces.nsISupportsWString);
else if (Components.interfaces.nsISupportsString) str = str.value.QueryInterface(Components.interfaces.nsISupportsString);
else str = null;
}
if (str) {
return (str.data.substring(0, len.value / 2));
}
}
return null;
}
2、在粘贴数据时,有时会自动将Excel中的较大或小数位较多的数字用科学计数法表示出来,这时对于只能输入数字的文本框就会报错,此时就需要将科学计数法转变成普通的数字了。
function convertNUM(obj){
var val=$.trim($(obj).val());
if ((val.indexOf('E') != -1) || (val.indexOf('e') != -1)){
val=val.toUpperCase();
var a=val.substring(0,val.indexOf('E'));
var b=val.substring(val.indexOf('E')+1,val.length);
val=a*Math.pow(10,b);
$(obj).val(val);
}
return val
}
3、检查当前输入是否为数字:
function checknumber(ole){
var ss=false;
var val = convertNUM(ole);
if(val.match(isDecimal) == null){
var bb="只允许输入数字";
if($(ole).next("img").length<1){
$(ole).after("");
}
$(ole).next("img").attr("src","images/dels.gif");
$(ole).next("img").attr("title",bb);
}else{
if(parseFloat(val)<0){
var bb="只允许输入大于零的数字";
if($(ole).next("img").length<1){
$(ole).after("");
}
$(ole).next("img").attr("src","images/dels.gif");
$(ole).next("img").attr("title",bb);
}else{
if($(ole).next("img").length<1){
}else{
$(ole).next("img").attr("title","");
$(ole).next("img").remove();
}
ss=true;
}
}
return ss;
}
4、有时候需要将特定数据另存为Excel,这里调用Windows的Excel软件进行导出。