你的位置:首页 > ASP.net教程

[ASP.net教程]MVC SpreaJS—学习之篇


页面引用相应的js以及css

因为SpreaJS是用jquery操作的所以要引用一个jquery的js,第二个js以及最后的css是SpreaJS本身需要引用的,第三个js是做打印才会用到的。

 

html里只需要放一个div就可以了,相当于SpreaJS的容器。

<div id="ss" style="margin-left:50px;width:1080px;height:600px;border:1px #000 solid;"></div>

View Code

在js直接初始化调用就可以了

//页面初始化    window.onload = function () {      var spread = new GcSpread.Sheets.Spread(document.getElementById('ss'), { sheetCount: 1 });    };

View Code

往表格添加设置数据官网上都有教程:http://demo.gcpowertools.com.cn/SpreadJS/TutorialSample/#/samples

SpreadJS一些属性以及方法,每行都会有注释。

//页面初始化    window.onload = function () {      var spread = new GcSpread.Sheets.Spread(document.getElementById('ss'), { sheetCount: 1 });      var spreadNS = GcSpread.Sheets;      //获取当前第一个sheet页,0代表索引      var sheet = spread.getSheet(0);      SheetArea = spreadNS.SheetArea;      //在这个里面写相应的代码,否则不生效,结尾加sheet.isPaintSuspended(false);      sheet.isPaintSuspended(true);      //禁止拖拽单元格      spread.canUserDragDrop(false);      //页面视图31行9列      sheet.setRowCount(31, SheetArea.viewport);      sheet.setColumnCount(9, SheetArea.viewport);      //显示具有零宽度或高度的列或行的双网格线。      spread.resizeZeroIndicator(GcSpread.Sheets.ResizeZeroIndicator.Enhanced);      //sheet页名称      sheet.setName("A企业(集团)主要经济指标月报");      //全局锁定,不可编辑      sheet.setIsProtected(true);      //设置用户不可选已锁定的      sheet.protectionOption({        allowSelectLockedCells: false,      });      //新建sheet页按钮隐藏      spread.newTabVisible(false);            //获取单元格的值      //alert(sheet.getValue(0,3));      //设定某个单元格不可编辑      //sheet.getCell(0, 3).locked(true);      //根据单元格获取索引      //var range = GcSpread.Sheets.Calc.formulaToRange(sheet, "E5", 0, 0);      //sheet页名称不可编辑      spread.tabEditable(false)sheet.isPaintSuspended(false);};

 

验证信息,输入错误提示消息

 //数据校验      //输入5到20之间      spread.highlightInvalidData(true);      var dv = GcSpread.Sheets.DefaultDataValidator.createNumberValidator(GcSpread.Sheets.ComparisonOperator.Between, "5", "20", true);      dv.showInputMessage = true;      dv.inputMessage = "只能添5到20之间的";      dv.inputTitle = "错误";      //dv.IgnoreBlank(false);      sheet.setDataValidator(1, 3, dv);            //输入大于50      var dv = GcSpread.Sheets.DefaultDataValidator.createNumberValidator(GcSpread.Sheets.ComparisonOperator.GreaterThan,"50", true);      dv.showInputMessage = true;      dv.showErrorMessage = true;      dv.inputMessage = "不能大于50";      dv.inputTitle = "错误";      //dv.IgnoreBlank(false);      sheet.setDataValidator(2, 3, dv);

限制输入,只允许输入数字

//非数字禁止输入     function NumberCellType() {    }    NumberCellType.prototype = new GcSpread.Sheets.TextCellType();    NumberCellType.prototype.createEditorElement = function (context) {      var editor = GcSpread.Sheets.TextCellType.prototype.createEditorElement.call(this, context);      var textarea = editor.firstChild;      textarea.onkeypress = function (event) {        return event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode == 46      }      textarea.onkeyup = function (event) {        this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '').replace(/\D/g, '')      }      textarea.onpaste = function (event) {        var clipData = event.clipboardData;        return !clipData.getData('text').match(/\D/);      }      textarea.ondragenter = function (event) {        return false;      }      return editor;    };//此单元格只能输入数字 单元格调用上面的方法(NumberCellType)就可以了        sheet.setCellType(3, 3, new NumberCellType())        sheet.setCellType(4, 4, new NumberCellType())

 




深圳到瑞士旅游瑞士游报价瑞士旅游价格特价瑞士游深圳到瑞士旅游报价德州到泉城欧乐堡梦幻世界怎么走?德州到齐河欧乐堡梦幻世界自驾车路线? 五一天乐湖欢乐谷有什么优惠活动?2015五一仪征天乐湖活动介绍? 2015五一扬州天乐湖欢乐谷门票多少钱?五一天乐湖欢乐谷门票价格? 仪征天乐湖怎么走?天乐湖欢乐谷乘车路线? 从三亚市内怎么去凤凰机场? 北京西站退票窗口在哪里?退票要多长的时间呢? 2015年中秋节去三亚有什么好玩的? 2015年9。10月份三亚天气怎么样? 在香港,哪些场合需要付小费呢?付多少钱合适呢? 从深圳机场到香港迪士尼乐园酒店怎么走最方便? 去香港的黄大仙求签许愿,真的灵验吗? 香港杜莎夫人蜡像馆有什么看点?好看好玩? 香港青马大桥怎么去?有哪些好玩的景点? 香港购物的地方有哪些?具体位置在那里? 去澳门带点什么东西回来好呢? 澳门赛马会好玩吗?怎么去? MAX1488ECPD/EEPD Datasheet MAX1488ECPD/EEPD Datasheet MAX1488ECPD+ Datasheet MAX1488ECPD+ Datasheet MAX1488ECPDE Datasheet MAX1488ECPDE Datasheet 佳木斯到香港澳门旅游报价 佳木斯到香港澳门旅游报价 佳木斯到香港澳门旅游报价 重庆香港游报价 重庆香港游报价 重庆香港游报价 内蒙古港澳游报价 内蒙古港澳游报价 内蒙古港澳游报价