将数据发送到弹出窗口,Windows边栏小工具

时间:2014-09-05 16:35:31

标签: javascript jquery html windows-desktop-gadgets

我正在尝试为Windows开发侧边栏小工具。

除了我对小工具知之甚少的问题外,一切正常。 我尝试搜索网络,并且文档数量非常少,而且它们也不太清楚。

我现在面临的问题是我使用Ajax从服务器获取数据。现在我想在弹出窗口中显示返回的数据。 但是大问题是如何将数据发送到弹出,搜索网络并且找不到任何有用的东西。是的,那里有很多例子,但这些例子中的代码太多,我无法弄清楚发生了什么。

下面是我的gadget.html,即主要的html文件 来自文件的一些代码:

        function init()
        {
            System.Gadget.settingsUI = "settings.html";
            System.Gadget.onSettingsClosed = settingsClosed;
            // Specify the Flyout root.
            System.Gadget.Flyout.file = "search.html";
            System.Gadget.onDock = DockedChanged;   //no longer support in win7
            System.Gadget.onUndock = UnDockedChanged;   //msdn.microsoft.com/en-us/library/dd370867(VS.85).aspx
            this.document.body.style.height = 100;
            var evenColorTR = document.getElementById('evenColorTR');
            var ColorRows = document.getElementById('data-Tables').getElementsByTagName('tr');
            for(var x = 0; x < ColorRows.length; x++) {
                ColorRows[x].className = (x % 2 == 0) ? 'even' : 'odd';
            }
        }

        function openSearch() 
        {
            var searchString = document.getElementById("searchBox").value;
            var location = "http://localhost/projects/pdoConnection.php";
//            var location = "http://www.w3schools.com/ajax/ajax_info.txt";

/*            var http = new XMLHttpRequest();
            var params = "lorem=ipsum&name=binny";*/
            System.Gadget.Flyout.show = true;
            var data={
                searchFilter:searchString
            };
/*            $('#testingbaba').text('im inside function');
            console.log('I am inside Function');*/
/*
            try{
           $.ajax({
                type:"POST",
                url:location,
                data:data,
                dataType:"json",
               cache:false,
               success:function(e){
                   console.log('im the success'+e);
                   $('#testingbaba').text('im the success'+e);
               },
               error:function(XMLHttpRequest, textStatus, errorThrown){
                   console.log('im the error' + e);
                   $('#testingbaba').text('im the error'+errorThrown);
               }
                });
            }
            catch(e) {
                $('#testingbaba').text('im the catch'+e);
            }
*/
            $.post( location, data).done(function( data ) {
                $('#testingbaba').text(data);

            });

/*            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            xmlhttp.onreadystatechange=function(e) {
                if (xmlhttp.readyState==4) {
                    $('#testingbaba').text('Hello World');
                }

                xmlhttp.open("GET",location,true);
                xmlhttp.send();
            }*/

        }

我希望当弹出窗口打开时 当System.Gadget.Flyout.show = true;设置为true时,数据应发送到弹出窗口。

1 个答案:

答案 0 :(得分:0)

问题解决了,找到了解决方案。

要将数据从主html文件发送到弹出窗口,我确实使用了以下程序。

添加了以下代码

var somedata = 'some data or string or anything';
System.Gadget.Settings.write("data", someData);

并且使用以下代码读取了弹出窗口中的数据。

var dataFromMainFile = System.Gadget.Settings.read('data');

像魅力一样工作。