Unigui Basic jQuery學習

2022-06-23 19:27:15 字數 2697 閱讀 6851

因此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();

dom物件被載入完成後執行以上**,他呼叫了jquery.jdigiclock.js裡面的jdigiclock函式來初始化時鐘;

2. tunihtmlframe控制元件的“html”屬性新增顯示時鐘的div容器 

“digiclock”是div的id,是用來顯示時鐘的容器。

因此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();

dom物件被載入完成後執行以上**,他呼叫了jquery.jdigiclock.js裡面的jdigiclock函式來初始化時鐘;

2. tunihtmlframe控制元件的“html”屬性新增顯示時鐘的div容器 

“digiclock”是div的id,是用來顯示時鐘的容器。