!!!!!【 AAuto 】调用 jQuery 创建软件UI界面范例

展开全文

【 AAuto 】调用 jQuery 创建软件UI界面范例

qqmmcc 发布于 2011年10月08日 23时, 3评/1451阅

jQuery是一个优秀的Javascrīpt框架,可免费使用,并且在网络上有大量的开源插件,可以轻松制作出漂亮的Web界面.
而AAuto与Javascript的语法非常接近,在两种语言之间也可以自由的相互调用,在AAuto中,使用Javascript编写桌面软件将不再是神话.
更多内容请参考《快手帮助文档 - Web程序设计》

原帖：http://www./thread-2152-1-1.html

标签： AAuto Quicker

代码片段(2)

[图片] AAuto与Javascript的语法非常接近

[代码] AAuto与Javascript的语法非常接近

001//jQuery UI 简单范例
002import win.ui;
003/*DSG{{*/
004var winform = win.form(parent=...; text="Web Form";bottom=361;right=648;border="resizable";cls="AAU_WEBFORM" )
005winform.add(  )
006/*}}*/
007 
008import web.form;
009//创建web窗体
010var wb = web.form( winform
011    ,0x4 /*_UIFLAG_NO3DBORDER*/
012    ,//可输入_DLCTL_ 前缀的常量以控制下载行为
013    ,//"USER AGENT"
014    );
015     
016wb.showMenu=function(x,y,id,ele){
017    return false; //禁用右键菜单,也可以在这里弹出自定义的菜单
018}
019 
020uiHtml = /**********
021    <html>
022    <head>
023        <link href="http://ajax./ajax/libs/jqueryui/1.8.13/themes/base/jquery.ui.all.css" type="text/css" rel="Stylesheet" />
024     
025        <style type="text/css">
026        body,#tab{ font-size: 9pt;margin 0px;padding: 0; }
027        </style>
028    </head>
029     
030     
031    <body>
032        <div id="tabs" >
033            <ul>
034                <li><a href="#tab-page1">主页</a></li>
035                <li><a href="#tab-page2">JQuery</a></li>
036                <li><a href="#tab-page3">演示</a></li>
037            </ul>
038             
039            <div id="tab-page1">
040                <BUTTON type=submit>调用AAuto代码</BUTTON> 
041                <br /><br /><BUTTON type=submit>调用AAuto代码</BUTTON> 
042                <br /><br /><BUTTON type=submit>调用AAuto代码</BUTTON> 
043            </div>
044            <div id="tab-page2"> 
045                <br /> 关于JQuery: <br />
046                <a href="http://baike.baidu.com/view/1020297.htm" target="_blank">http://baike.baidu.com/view/1020297.htm</a> <br /> 　
047                <br /><br /> 关于JQuery UI: <br />
048                <a href="http://baike.baidu.com/view/2998196.htm" target="_blank">http://baike.baidu.com/view/2998196.htm</a> <br /> 　
049 
050            </div>
051            <div id="tab-page3">
052                <br />下面是通过链接直接选择Tabs选项卡操作：
053                <br />
054                <br /><a href="" onclick="$('#tabs').tabs('select',1);return false;">点击这里</a>选择第二选项卡
055                <br />源码:<a href="" onclick="$('#tabs').tabs('select',1);return false;">
056                <br />
057                <br /><a href="" onclick="$('#tabs').tabs('select',0);return false;">点击这里</a>选择第一选项卡。
058                <br />源码:<a href="" onclick="$('#tabs').tabs('select',0);return false;">
059            </div>
060        </div>
061         
062        <p>
063        jQuery是一个优秀的Javascrīpt框架,可免费使用,并且在网络上有大量的开源插件,可以轻松制作出漂亮的Web界面.
064        而AAuto与Javascript的语法非常接近,在两种语言之间也可以自由的相互调用,在AAuto中,使用Javascript编写桌面软件将不再是神话.
065        更多内容请参考《 快手帮助文档 - Web程序设计 》
066        </p>
067    </body>
068    </html>
069**********/
070wb.write( uiHtml ) //写入HTML
071  
072wb.external={
073    msgbox = win.msgbox;
074}
075 
076import win.util.tray;
077win.util.tray.pop("没有找到本地jQuery UI库
078正在通过CDN下载!","请稍候......")
079 
080wb.jQuery();//加载jQuery库
081wb.loadScript("http://ajax./ajax/jquery.ui/1.8.13/jquery-ui.min.js", ,"utf-8" ) //加载jQuery UI库
082 
083jQueryReady = /*
084    var aauto = external;
085    $( 'button', '#tab-page1' ).button().click(
086        function() {
087            aauto.msgbox( 'Hello! 我是ID为"tab-page1"中的"button"节点'
088                ,"JS调用AAuto函数演示" )
089        }
090    );
091     
092    //创建tab
093    $('#tabs').tabs() 
094  
095*/
096wb.doScript( jQueryReady );
097winform.show()
098 
099win.loopMessage();
100return winform,wb;