UniGUI是一套基於ExtJS的Delphi的WEB框架,它是使用ExtPascal來轉化到ExtJS,ExtJS是一個跨浏覽器的JavaScript庫,
因此UniGUI發布出來的程序可以在各種浏覽器上運行。支持多種部署方式:獨立EXE、Apache、ISAPI .
由於工作需要使用UniGUI開發了一些小項目,UniGUI有較好的開發效率和擴展性。
目前已經很少試用UniGUI了, 在這把自己以前的學習筆記整理分享到博客上。
Basic jQuery
學習了TUniHTMLFrame的基本用法以及引用外部JS控件庫的方法;
一、 使用第三方JS庫
要在uniGUI裡引用第三方JS庫需要首選在ServerModule單元的” CustomFiles”屬性添加JS庫文件路徑,然後在界面裡面執行代碼。
這個例子引用了第三方jquery庫來顯示時鐘界面。
引用庫:ServerModule -> ” CustomFiles”
files/jdigiclock/css/jquery.jdigiclock.css
files/jdigiclock/lib/jquery-1.3.2.min.js
files/jdigiclock/lib/jquery.jdigiclock.js
files/clockdemo/styles.css
files/clockdemo/jquery.tzineClock/jquery.tzineClock.css
files/clockdemo/jquery.tzineClock/jquery.tzineClock.js
二、 TUniHTMLFrame
TUniHTMLFrame是個比較靈活的控件,在這個組件裡可以嵌入需要的JS代碼來擴展控件,項目中使用到的ZTree、HideChart都在這個控件上擴展的。
“AfterScript”、“HTML”是TUniHTMLFrame的2個主要屬性,時鐘的顯示就用到了這兩個屬性。
1. TUniHTMLFrame控件的“AfterScript”屬性添加了初始化代碼:
$('#digiclock').jdigiclock({
clockImagesPath: "files/jdigiclock/images/clock/",
weatherImagesPath: "files/jdigiclock/images/weather/",
});
2. TUniHTMLFrame控件的“HTML”屬性添加顯示時鐘的div容器
<div id="digiclock"></div>
“digiclock”是div的ID,是用來顯示時鐘的容器。