jQuery技术

Demo学习: Basic jQuery

字号+ 作者:H5之家 来源:H5之家 2017-05-19 10:03 我要评论( )

Demo学习: Basic jQuery UniGUI是一套基于ExtJS的Delphi的WEB框架,它是使用ExtPascal来转化到ExtJS,ExtJS是一个跨浏览器的JavaScript库, 因此UniGUI发布出来

Demo学习: Basic jQuery UniGUI是一套基于ExtJS的Delphi的WEB框架,它是使用ExtPascal来转化到ExtJS,ExtJS是一个跨浏览器的JavaScript库, 因此UniGUI发布出来的程序可以在各种浏览器上运行。支持多种部署方式:独立EXE、Apache、ISAPI . 由于工作需要使用

Demo学习: Basic jQuery

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/",
});

DOM对象被加载完成后执行以上代码,他调用了jquery.jdigiclock.js里面的jdigiclock函数来初始化时钟;

2. TUniHTMLFrame控件的“HTML”属性添加显示时钟的div容器 

<div></div>

“digiclock”是div的ID,是用来显示时钟的容器。

posted on

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery学习简要笔记

    jQuery学习简要笔记

    2017-05-19 11:00

  • jQuery学习笔记之DOM对象和jQuery对象

    jQuery学习笔记之DOM对象和jQuery对象

    2017-05-19 10:03

  • jQuery源码学习(版本1.11)

    jQuery源码学习(版本1.11)

    2017-05-18 09:00

  • JQuery 学习:选择表格中的一行高亮

    JQuery 学习:选择表格中的一行高亮

    2017-05-18 08:04

网友点评