<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>功能演示</title>
<script type="text/javascript" src="dist/jquery.min.js"></script>
<script type="text/javascript" src="dist/ZCell.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/ZCell.min.css" />
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 6px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
.button2 {
background-color: white;
color: black;
border: 1px solid #008CBA;
}
.button2:hover {
background-color: #008CBA;
color: white;
}
.button3 {
background-color: white;
color: black;
border: 2px solid #f44336;
}
.button3:hover {
background-color: #f44336;
color: white;
}
.button4 {
background-color: white;
color: black;
border: 2px solid #e7e7e7;
}
.button4:hover {background-color: #e7e7e7;}
.button5 {
background-color: white;
color: black;
border: 2px solid #555555;
}
.button5:hover {
background-color: #555555;
color: white;
}
</style>
<script>
//页面加载时，执行
var zcell1;
//准备数据源
var jsondata = [//四行五列
["序号", "单位", "项目名称", "费用", "E1", "F1"],
["A2", "B2", "C2", "机械费", "材料费", "人工费"],
["A3", "10", "20", "30", "沙子", "水泥"],
["A4", "100", "200", "300", "E4", "F4"],
["A5", "400", "500", "600", "E5", "智表是非常好的表格"]
];
//加载JSON数据
function init()
{
//创建JSCELL，指明承载容器
zcell1 = new ZCell(document.getElementById("cellContainer"));
//创建表，并指定行、列数
zcell1.InserSheet(0,8,7);
}
//加载JSON数据
function loadJsondata()
{
//加载数据
zcell1.GetSheet(0).LoadJsonData(jsondata);
}
//获得JSON数据
function GetJson()
{
//获取当前数据的JSON，可以黏贴后查看效果
var datastr = zcell1.GetSheet(0).GetDataJson();
alert("第4行4列单元格数据为："+datastr[3][3]);
}
//设置单元格文本值
function setVal()
{
zcell1.GetSheet(0).SetCellString(2,2,"我是新的单元格文本值,比较长");
}
//获得单元格文本值
function getval1()
{
var val = zcell1.GetSheet(0).GetCellString(2,2);
alert(val);
}
//设置标签隐藏
function setLabHidden()
{
//设置列\行标签不显示
zcell1.GetSheet(0).ShowColLab(0);
zcell1.GetSheet(0).ShowRowLab(0);
}
//设置标签显示
function setLabdisplay()
{
//设置列\行标签不显示
zcell1.GetSheet(0).ShowColLab(1);
zcell1.GetSheet(0).ShowRowLab(1);
}
//设置列宽
function setcolw()
{
zcell1.GetSheet(0).SetColWidth(3,250);
}
//设置行高
function setrowh()
{
zcell1.GetSheet(0).SetRowHeight(3,150);
}
//设置单元格样式
function setcells()
{
//设置单元格样式
var style = {
"color":"red",
"background-color":"yellow",
"font-family":"Arial",
"font-size":"30px",
"text-align":"left"
};
zcell1.GetSheet(0).SetCellStyle(3,3,style);
}
//
function deletekey()
{
alert("请选定有数据单元格，按删除键。");
}
function selcell()
{
alert("请用鼠标左键点击单元格，可以按着鼠标左键滑动选择多个单元格");
}
function selcell2()
{
alert("按着ctl键，用鼠标左键点击单元格，可以选定多个不连续单元格");
}
function comput()
{
alert("选定数值单元格后，可以在智表下方查看实时计算结果");
}
function copy()
{
alert("选定数值单元格后，同时按下Ctl+C键，到EXCEL里进行粘贴");
}
function past()
{
alert("从EXCEL复制数据后，在智表内，选定目标单元格后同时按下Ctl+V键");
}
function dclick()
{
alert("对内容较多单元格，双击时自动提示全部内容");
}
//合并单元格
function mergecells()
{
// zcell1.GetSheet(0).MergeCells(0,0,2,3);
zcell1.GetSheet(0).MergeCells(0,0,1,0);
zcell1.GetSheet(0).MergeCells(0,1,1,1);
zcell1.GetSheet(0).MergeCells(0,2,1,2);
// zcell1.GetSheet(0).MergeCells(0,3,1,3);
zcell1.GetSheet(0).MergeCells(0,3,0,5);
zcell1.GetSheet(0).MergeCells(1,4,1,5);
}
//拆分单元格
function spcells()
{
zcell1.GetSheet(0).SplitCell(0,0);
}
//隐藏列
function hidecol()
{
zcell1.GetSheet(0).SetColHidden(4,4);
}
//取消隐藏列
function unhidecol()
{
// zcell1.GetSheet(0).SetColHidden(2,2);
zcell1.GetSheet(0).SetColUnHidden(4,4);
}
// //隐藏行
// function hiderow()
// {
// zcell1.GetSheet(0).SetRowHidden(0,0);
// }
//
// //取消隐藏行
// function unhiderow()
// {
// zcell1.GetSheet(0).SetRowUnHidden(0,0);
// }
function entkey()
{
alert("选定一个单元格后，按下回车键");
// $(".button").blur();
}
function dirkey()
{
alert("选定一个单元格后，按上下左右方向键");
}
//获得当前行号
function getcurrow()
{
浏览器端类EXCEL表格插件新版本 -智表ZCELL产品V1.1.0.1版本
1星 需积分: 9 118 浏览量
2018-04-06
12:38:43
上传
评论
收藏 774KB RAR 举报 
ZCELL产品包-V1.1.0.1.rar （30个子文件） 
ZCELL产品包-V1.1.0.1 css 
stylepc.css 3KB img 
hidd.gif 77KB
fangx.png 272B iconfont-kuaisurumen.png 332B copy.gif 108KB past.gif 100KB right.png 272B iconfont-0bangzhushouce.png 624B ZFB.png 173KB hebing.gif 78KB iconfont-kuaisulu.png 844B iconfont-wenti.png 592B compu.gif 85KB sel.gif 51KB
example.html 12KB index.html 3KB js pc.js 2KB dist jquery.min.js 94KB ZCell.min.js 20KB
ZCELL-dist-1.1.0.1.rar 40KB ZCell.min.css 1KB help 智表（ZCELL）API接口文档V1.1.0.1.chm 24KB demo buy.html 2KB version.html 3KB texingxiaoguo.html 1KB lianxi.html 911B jianrong.html 697B API.html 984B why.html 3KB what.html 3KB
评论1