隐藏和取消隐藏列切换按钮

NoobCoder

我试图创建一个简单的切换按钮,该按钮每次单击时都会继续隐藏第5列以后的下一列。

例如

  1. 单击按钮隐藏第6楼
  2. 再次单击按钮以隐藏第7 / G列
  3. 再次单击按钮以隐藏第8 / H列
  4. 等等

而且我想创建一个按钮,它也可以执行相反的操作。

例如

  1. 单击按钮取消隐藏6 / F列
  2. 再次单击按钮取消隐藏7 / G
  3. 等等

我有以下代码,我需要添加什么,以便每次单击/运行函数时它都继续显示/隐藏下一列?

function hideCol()
{
  var sheet = SpreadsheetApp.getActive().getSheetByName('testsheet'); //put the name of the sheet in place of 'Main'
  
  sheet.hideColumns(6); //F

}

function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('Custom Menu')
      .addItem('Hide Columns', 'hideCol')
      .addItem("Show Columns", 'show')
      .addToUi();
}

function show() {
  var sheet = SpreadsheetApp.getActive().getSheetByName('testsheet'); //put the name of the sheet in place of 'Main'
  sheet.showColumns(6);  //F

}
马里奥斯

说明:

  • 逻辑是从列5开始迭代列数为此,您可以创建一个数组,其第一个元素5到最后一个可用列(由getMaxColumns提供)

    var array =  Array(sheet.getMaxColumns()-4).fill().map((element, index) => index + 5);
    
  • 如果单击该Hide Columns按钮时遇到未隐藏的列,则只需隐藏即可

  • 如果单击该Show Columns按钮并且遇到未隐藏的列,那么您将取消隐藏前一列。

  • 要检查特定的列是否被隐藏,您需要使用isColumnHiddenByUser

解:

function onOpen() {
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('Custom Menu')
      .addItem('Hide Columns', 'hideCol')
      .addItem("Show Columns", 'show')
      .addToUi();
}

function hideCol() {
  const sheet = SpreadsheetApp.getActive().getSheetByName('testsheet'); //put the name of the sheet in place of 'Main'
  const array =  Array(sheet.getMaxColumns()-4).fill().map((element, index) => index + 5);
  for(let col of array){
     if(!sheet.isColumnHiddenByUser(col)){
         sheet.hideColumns(col);
         break;
     }
  }
}

function show() {
  const sheet = SpreadsheetApp.getActive().getSheetByName('testsheet'); //put the name of the sheet in place of 'Main'
  const array =  Array(sheet.getMaxColumns()-4).fill().map((element, index) => index + 5);
  for(let col of array){
     if(sheet.isColumnHiddenByUser(col)){
         sheet.showColumns(col);
         break;
     }
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

隐藏列切换

来自分类Dev

SlideToggle-反向切换和按钮隐藏

来自分类Dev

jQuery切换按钮图像和Div显示/隐藏

来自分类Dev

使用按钮在可见和隐藏之间切换

来自分类Dev

使用切换隐藏和取消隐藏页面部分

来自分类Dev

切换按钮-显示/隐藏信息

来自分类Dev

隐藏显示切换按钮图像

来自分类Dev

切换显示/隐藏隐藏菜单按钮(响应)

来自分类Dev

jQuery隐藏和切换

来自分类Dev

HTML 切换显示和隐藏

来自分类Dev

隐藏/切换特定列 jQuery

来自分类Dev

用“搜索”按钮切换“隐藏表”按钮

来自分类Dev

切换隐藏不醒

来自分类Dev

切换隐藏不醒

来自分类Dev

如何在fancybox标题中添加隐藏的块和切换按钮?

来自分类Dev

Javascript:<td>上的隐藏和显示切换按钮在页面加载时恢复

来自分类Dev

如何切换链接(而非按钮)以显示和隐藏文本

来自分类Dev

创建切换按钮行为以隐藏或显示div

来自分类Dev

在Facebook API中创建按钮以显示/隐藏(切换)

来自分类Dev

jQuery按钮切换显示隐藏div

来自分类Dev

切换按钮执行隐藏闪屏

来自分类Dev

切换 Jquery 上的变量,帮助隐藏显示按钮

来自分类Dev

错误:如何在隐藏和显示之间切换

来自分类Dev

jQuery切换以显示和隐藏内容

来自分类Dev

切换隐藏和关闭不起作用

来自分类Dev

jQuery隐藏和显示切换脚本

来自分类Dev

如何在隐藏和显示之间切换?

来自分类Dev

javascript切换显示和隐藏几个div元素

来自分类Dev

在 jquery 中隐藏和显示之间切换