Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按名称查找列并删除列_Javascript_Google Apps Script_Google Sheets_Sidebar - Fatal编程技术网

Javascript 按名称查找列并删除列

Javascript 按名称查找列并删除列,javascript,google-apps-script,google-sheets,sidebar,Javascript,Google Apps Script,Google Sheets,Sidebar,我正在尝试创建一个脚本,该脚本将标识与输入的变量匹配的列标题,然后删除所述列。我已经准备好了脚本,但前提是变量是硬编码的。我希望脚本使用从另一个函数传递的变量工作 代码.gs HTML 当我使用硬编码的“test”值测试脚本时,我能够获得一个匹配,并且相应的列被成功删除。但是,当我更改var name='Test';至var名称=产品;它找不到匹配项,什么也没发生 FWIW产品变量正在从HTML侧栏传递。我确信这是一件简单而明显的事情,我开始认为这与传递变量的格式和值[row][col]的输出不

我正在尝试创建一个脚本,该脚本将标识与输入的变量匹配的列标题,然后删除所述列。我已经准备好了脚本,但前提是变量是硬编码的。我希望脚本使用从另一个函数传递的变量工作

代码.gs

HTML

当我使用硬编码的“test”值测试脚本时,我能够获得一个匹配,并且相应的列被成功删除。但是,当我更改var name='Test';至var名称=产品;它找不到匹配项,什么也没发生

FWIW产品变量正在从HTML侧栏传递。我确信这是一件简单而明显的事情,我开始认为这与传递变量的格式和值[row][col]的输出不同有关。我还尝试将这两个值都转换为字符串,但这并没有什么不同


在过去的两天里,我一直在研究可能的修复方法,但我还没有想出任何办法。我只是不知道如何修复。非常感谢您的帮助

在定义修复问题的var时,我在代码中包含了.toString.trim。

您的函数似乎可以工作,但如果匹配的列超过2列,您会发现问题。我认为问题在于从侧边栏调用函数的位置。一种简单的调试技术是将SpreadsheetApp.getUi.alertproduct放入函数中。这将使您在调用函数时看到变量的值。当有人在HTML侧边栏中输入某些内容时,您能否包含调用testGetColumnByName的代码?@Aidan感谢您的建议。我过去曾尝试过确认侧边栏中传递的值是否正确,但这似乎不是问题所在。@DustinMichels我已经编辑了完整的代码和html。谢谢你的帮助@DustinMichels采纳了您的建议,两种var类型都是字符串,感谢您帮助我确认这一部分。也就是说,在定义修复问题的var时,我在代码中包含了.toString.trim。显然,我有前导/尾随空格被传递。我会考虑关闭这个。
//Delete identified Product Line Priority and Roadmap tabs
function delProduct(product) {
  var sheets = SpreadsheetApp.getActiveSpreadsheet().getSheets();

  for(var i =0;i<sheets.length;i++){
    Logger.log(i);
    if(sheets[i].getName().match(product) != null){
      ss.deleteSheet(sheets[i]);
    }
  }      
  getColName(product);
}

// Get columns to Delete in Resources tab
function getColName(product) {
  var resources = ss.getSheetByName("Resources");
  var name = product;
  delResources(resources, name);
}

// Admin delete identified Product Line in Resources tab
function delResources(sheet, name) {
  var range = sheet.getRange(1,1,1,sheet.getLastColumn());
  var values = range.getValues();

  for (var row in values) {
    for (var col in values[row]) {
      if (values[row][col] == name) {
        sheet.deleteColumn(parseInt(col)+1);
      }
    }
  }
}

// send list of names to the sidebar 
function getProductList() {
  var out = new Array();
  var sheets = SpreadsheetApp.getActiveSpreadsheet().getSheets();

  for (var i=0;i<sheets.length;i++){
    Logger.log(i);
    if(sheets[i].getName().match("Priority") != null){
      out.push([sheets[i].getName()]);
    }
  }   

  var regex = /Priority/gi;
  var text = String(out);
  var splitData = text.toString().replace(regex, "");
  var myData = splitData.split(",");
  var displayData = myData.sort();
  return displayData
}
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script src="jquery-1.11.1.min.js"></script>
    <script src="jquery-ui.min.js"></script>
    <script src="jquery.select-to-autocomplete.js"></script>
    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
    <link rel="stylesheet" href="jquery-ui.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <style>    
      body {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
      }
      body2 {
        font-family: Arial, Verdana, sans-serif;
        font-size: 32px;
      }
      body3 {
        font-family: Arial, Verdana, sans-serif;
        font-size: 10px;
        color: #C0C0C0
      }
      body4 {
        font-family: Arial, Verdana, sans-serif;
        font-size: 11px;
      }       
      ul{
        list-style-type: square;
        list-style-position: inside;
        padding: 0;  
      } 
      userInput{
      margin: 1px;
      padding: 1px;
      height: 80px;
      resize: none;
      }   
      userInput2{
      margin: 1px;
      padding: 1px;
      height: 300px;
      resize: none;
      }
     .logo {
         position: relative;
         display: inline;
     } 
     .imtip1 {
         position: relative;
         bottom: 150px;
         left: 0px;
         line-height: 80%;
     }     
     .imtip2 {
         position: relative;
         bottom: 70px;
         left: 0px;
         line-height: 50%;
      }   
    .text {
        position: relative;
        bottom: 240px;
        left: 0;
        color: #000000;
        font-size:14pt;
        line-height: 0%;
    }
    .text1 {
        position: relative;
        bottom: 250px;
        left: 10px;
        color: #000000;
        font-size:11pt;
    } 
    .text2 {
        position: relative;
        bottom: 250px;
        left: 0px;
        color: #000000;
        font-size:10pt;
    }      
    </style>
  </head>

     <center class='logo'>
      <img src="image.gif" onclick="google.script.run.sideBar()" width="300px" height="260px" class="imtip2" />
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAA1BMVEX///+nxBvIAAAASElEQVR4nO3BgQAAAADDoPlTX+AIVQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwDcaiAAFXD1ujAAAAAElFTkSuQmCC" width="300px" height="80px" class="imtip1" />
    </center>
    <center class = "text" align = "center">
        <hr  style="height: 1px; width: 105%; background-color: #848484" />
    </center> 

  <form target="_top" style="padding: 10px;">
    <div class = "text2">
      <br><br>
      <center>
      <span style="color: #ff0000;"><b style="font-size: 20px;">*** CAUTION ***</b></span>
      <br><br><br>
      <span style="line-height:120%; font-size: 12px;">Select the Product from the list below to submit your request to Product Leadership.</span>
      </center>
      <br><br><br>
      <body style="line-height:80%;">
        <center>
        <b>Product:</b>    
        <select id="optionList" name="optionList">
            <option disabled selected value="">Select Product...</option>            
        </select>
        </center>
      </body>
    </div>

   <div style="line-height:90%;">
    <center class = "text2" >
        <br><br><br>
        <input class="red" type="button" value="Cancel" onclick="priority()" style="-moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input class="green" type="button" value="SUBMIT" onclick="deleteProduct()" style="-moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"/> 
    </center>

    <body4 align="right" style="right: 2%;">     
        <p>
            <a onclick="supEmail()" target="_top">Contact Support</a>
        </p>
    </body4>
    </div>

  <script>
          function onSuccess(values) {
            var select = document.getElementById("optionList");
            var options = values; //Two dimensional array
            for(var i = 0; i < options.length; i++) {
                var opt = options[i];
                var el = document.createElement("option");
                el.textContent = opt;
                el.value = opt;
                select.appendChild(el);
            }
          }

          google.script.run.withSuccessHandler(onSuccess)
              .getProductList();
 </script>

 <script>
    function deleteProduct(){
       var product = document.getElementById("optionList").value;
       google.script.run.delProduct(product);
       google.script.run.sideBar();
    }
 </script>

    <script>
      function supEmail() {
        google.script.run.supEmail();
      }    
    </script>

    <script>
      function priority() {
        google.script.run.addPrioritySidebar();
      } 
    </script>     

  </form>
</html>