luckysheet 只读模式和编辑模式
只读模式配置:var options = {container: "luckysheet", //容器的IDtitle: "bi", // 工作簿名称lang: "zh", // 设定表格语言 国际化设置,允许设置表格的语言,支持中文("zh")和英文("en")allowCopy: false, // 是否允许拷贝showtoolbar: false, // 是否显示工具栏showinfobar
·
只读模式配置:
var options = { container: "luckysheet", //容器的ID title: "bi", // 工作簿名称 lang: "zh", // 设定表格语言 国际化设置,允许设置表格的语言,支持中文("zh")和英文("en") allowCopy: false, // 是否允许拷贝 showtoolbar: false, // 是否显示工具栏 showinfobar: false, // 是否显示顶部信息栏 showsheetbar: false, // 是否显示底部sheet页按钮 showstatisticBar: false, // 是否显示底部计数栏 sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置 allowEdit: false, // 是否允许前台编辑 enableAddRow: false, // 允许增加行 enableAddCol: false, // 允许增加列 userInfo: false, // 右上角的用户信息展示样式 showRowBar: false, // 是否显示行号区域 showColumnBar: false, // 是否显示列号区域 sheetFormulaBar: false, // 是否显示公式栏 enableAddBackTop: false,//返回头部按钮 rowHeaderWidth: 0,//纵坐标 columnHeaderHeight: 0,//横坐标 showstatisticBarConfig: { count:false, view:false, zoom:false, }, showsheetbarConfig: { add: false, //新增sheet menu: false, //sheet管理菜单 sheet: false, //sheet页显示 }, hook: { cellMousedown:this.cellMousedown,//绑定鼠标事件 }, forceCalculation: true,//强制计算公式 data: sheetData };
编辑模式:
container: 'luckysheet', //luckysheet为容器id lang:'zh', showGridLines:true, allowEdit:true, showinfobar: false, // 是否显示顶部信息栏 showsheetbar: false, // 是否显示底部sheet页按钮 showstatisticBar: false, // 是否显示底部计数栏 sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置 userInfo: false, // 右上角的用户信息展示样式 plugins: ['chart'], showstatisticBarConfig: { count:false, view:false, zoom:false, }, showsheetbarConfig: { add: false, //新增sheet menu: false, //sheet管理菜单 sheet: false, //sheet页显示 }, hook: { cellMousedown:this.cellMousedown, }
编辑模式下格式数据保存到服务端,到只读模式下展示时 需要 数据转换:
let sheetfile = luckysheet.getLuckysheetfile(); sheetfile[0].celldata = luckysheet.transToCellData(sheetfile[0].data);
由于是集成到vue keep-alive 的router-view下 每个路由下的页面都显示一个luckysheet 只读界面,但是luckysheet集成到项目中是全局的(只有一个),所有在切换路径时需要 切换显示luckysheet的index
目前采用的是修改扩展luckysheet 每次切换路由 都重新设置显示内容setStore 和绑定 鼠标单击事件
//重新绑定事件 luckysheet$1.setHook = function(hook){ luckysheetConfigsetting.hook = hook; } //重新设置文档设置和数据 luckysheet$1.setStore = function(Store_out){ Store = Store_out; } //获取设置文档设置和数据 luckysheet$1.getStore = function(){ return Store; }
更多推荐
已为社区贡献1条内容
所有评论(0)