大佬教程收集整理的这篇文章主要介绍了Node.js Office 插件试图获取文本输入字段以将变量传递给图形 API 调用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我从这个项目开始 https://docs.microsoft.com/en-us/office/dev/add-ins/develop/create-sso-office-add-ins-nodejs 我修改它以添加一个输入框并尝试更改 API 调用以将输入字段包含为搜索字段。我想通过 app.Js 文件中的 ID 提取该输入，但我似乎无法提取该值。 SearchTxt 和 SearchBtn 都在 Visual studio 中显示为灰色，变量已声明，但从未读取其值。任何可以提供的帮助将不胜感激。 我在下面包含了完整的 pug 文件和 app.Js 的相关部分
index.pug
div.ms-FontSize-xl.ms-Fontcolor-themePriMary Welcome
div.ms-FontSize-xl.ms-Fontcolor-themePriMary Search
searchvalue: <input type="text" name="Search" value="" ID="SPsearch" placeholder="Type something..." style="text-align:center;"/>
<button type="button" onclick=geTinputValue();>Get Value</button>
script.
let SPsearch = #{newID}
localstorage.setItem('SPsearch',SPsearch)
div.ms-Font-l This add-in demonstrates how to connect to Microsoft Graph from an add-in.
div.welcome-body
p.ms-Font-xs.welcome-intro This add-in performs the following tasks:
ul#file-List.ms-List.ordered-List
li.ms-ListItem #[span.ms-ListItem-priMaryText 1] #[span.ms-ListItem-secondaryText Connects to SharePoint]
li.ms-ListItem #[span.ms-ListItem-priMaryText 2] #[span.ms-ListItem-secondaryText Gets the names of the first ten files and folders in OneDrive.]
li.ms-ListItem #[span.ms-ListItem-priMaryText 3] #[span.ms-ListItem-secondaryText Adds the names to the current document.]
div#message-area.welcome.ms-Font-l
footer#footer.homefooter.ms-bgcolor-neutrallight
div.container
p(style="text-align:center;")
button#getGraphDatabutton.popupbutton.ms-button.ms-button--priMary
span.ms-button-label Get SharePoint file names
app.Js
const searchText = document.getElementByID('SPsearch').value;
document.getElementByID('getGraphDatabutton').addEventListener('click',search());
const SPpathwSearch = "/groups/{????????-????-????-????-????????????}/drive/root/search(q=${searchText})"
SSOauth.Js 我还尝试通过单击按钮来拉取变量值
Office.onReady(function (info) {
$(document).ready(function () {
$('#getGraphDatabutton').click(getGraphData);
});
});
我也尝试在 public/JavaScript 文件夹中设置一个函数。
geTinputvalue.Js
var inputVal;
function geTinputValue(){
// SELEcTing the input element and get its value
inputVal.addEventListener('click')
inputVal = document.getElementByID('SPsearch').value;
console.log(inputvalue))
感谢您的任何帮助。
抱歉，我正在尝试测试那个按钮，因为我无法弄清楚如何使用底部的现有按钮进行测试。
我将原始文件名从提取 10 个一个驱动器文件名更改为搜索 SharePoint。当我直接在图形 API 调用中键入但无法从输入框中获取变量时，它可以工作
我正在尝试连接这个输入框：
searchvalue: <input type="text" name="Search" value="" ID="SPsearch" placeholder="Type something..." style="text-align:center;"/>
将值从输入字段推送到 searchText：
const SPpathwSearch = "/groups/{????????-????-????-???? ????????????}/drive/root/search(q=${searchText})"
const graphData = await getGraphData(graphToken,SPpathwSearch,"?$SELEct=name,ID,webUrl,thumbnails");
当这个按钮被按下时：
p(style="text-align:center;")
button#getsearchbutton.popupbutton.ms-button.ms-button--priMary
span.ms-button-label Search SharePoint
从您的代码中并不清楚您正在尝试做什么。我注意到的一件事是，当您的代码分配处理程序时，它在函数名称后面有括号。例如
<button type="button" onclick=geTinputValue();>Get Value</button
和
addEventListener('click',search());
这几乎不是您想要做的。括号告诉 JS 引擎立即运行函数。但是您现在不想运行它。您希望它在相关事件发生时运行。去掉括号。另外，提供更多的代码。在某些方面看起来很奇怪，例如将处理程序分配给未初始化的变量。
以上是大佬教程为你收集整理的Node.js Office 插件试图获取文本输入字段以将变量传递给图形 API 调用全部内容，希望文章能够帮你解决Node.js Office 插件试图获取文本输入字段以将变量传递给图形 API 调用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。