无法应用侧边栏小工具中的设置答案

【问题标题】：Can not make the settings from the sidebar gadget get applied无法应用侧边栏小工具中的设置
【发布时间】：2011-01-07 09:31:56
【问题描述】：

好的，我不是 Sidebar Gadgets 的专家，但我有这个项目，我必须为学校做。试图自己解决它，但我真的卡住了。

我将不得不使用 Cirip API（Cirip.ro 是一种 Twitter），并且为了使用 API，我必须输入用户名。我是通过设置来完成的，但是关闭设置时没有效果。

这是代码，但它非常混乱。我不是网络程序员，所以 javascript/html 对我来说是新的。

http://www.box.net/shared/7yogevhzrr

编辑：好的，所以我已经缩小了一些范围并优化了我的代码，但它仍然无法正常工作。我已经尽可能简单了。

在主 html 中我有这个：

<script language="javascript">
    document.write(getUserName());
</script>

在 gadget.js 中：

var userName;

document.onreadystatechange = function DoInit() {

    document.body.style.width = 251;
    document.body.style.height= 351;
    document.body.style.margin=2;
    userName="danieliuhasz";
    System.Gadget.settingsUI = "settings.html";
    System.Gadget.onSettingsClosing = settingsClosed;

}

function setUserName(userNameSet){

    userName = userNameSet;
}

function getUserName(){

    return userName;
}

function settingsClosed()
{

    var username = System.Gadget.Settings.read("username");
    setUserName(username);
}

在 settings.html 中：

<body>

Username:<br />
<input name="userBox" type="text" maxlength="50" />
</body>

在 settings.js 中：

document.onreadystatechange = function DoInit()
{    

    if(document.readyState=="complete")
    {
        var user = System.Gadget.Settings.read("userName");

        if(user != "")
        {
            userBox.value = user;
        }       
    }        
}


System.Gadget.onSettingsClosing = function(event)
{

    if (event.closeAction == event.Action.commit)
    {
        var username = userBox.value;
        if(username != "")
        {
              System.Gadget.Settings.write("username", username);
              System.Gadget.document.parentWindow.settingsClosed();

        }
    }
}

我真的想不通。其输出为“未定义”。

【问题讨论】：

输出是 undefined 可能是因为您在onreadystatechange 事件处理程序中设置了username 变量，并且document.write() 块首先执行。此外，document.write() 代码在设置关闭后不会执行。

标签： javascript html windows-7 windows-desktop-gadgets

【解决方案1】：

我在这台机器上没有 RAR 解包器，所以我无法查看文件，但我可以给你一些关于保存设置的建议。如果您需要进一步的帮助，请尝试将代码粘贴到您的问题中（请参阅我上面的评论）。

使用设置时，您需要在 JavaScript 代码中捕获 System.Gadget.onSettingsClosing 事件。在此事件处理程序中，您可以通过在小工具窗口中设置属性来使设置成为临时设置，也可以通过使用System.Gadget.Settings.write 来存储设置来使它们成为半永久性设置。假设您的用户名/密码 html 如下所示：

<label for="username">Username: </label><input id="username" type="text"><br/>
<label for="password">Password: </label><input id="password" type="password">

您的 JavaScript 应该如下所示：

System.Gadget.onSettingsClosing = function (event) {
    // First, we need to make sure the user clicked the OK button to save
    if (event.closeAction == event.Action.commit) {
        // If they did, we need to store the settings
        var username = document.getElementById("username").value,
            password = document.getElementById("password").value;

        System.Gadget.Settings.write("username", username);
        System.Gadget.Settings.write("password", password);

        /* Finally, we can call a function defined in the main gadget window's
           JavaScript to let it know that the settings have changed */
        System.Gadget.document.parentWindow.settingsHaveChanged();
    }
}

在您主要小工具的 JavaScript 中，settingsHaveChanged 可能类似于以下函数：

function settingsHaveChanged () {
    var username = System.Gadget.Settings.read("username"),
        password = System.Gadget.Settings.read("password");

    sendAPIRequest(username, password);
}

【讨论】：