程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> Delphi >> Demo學習: Basic jQuery

Demo學習: Basic jQuery

編輯:Delphi

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,是用來顯示時鐘的容器。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved