ADL之UI初预览

1．ADL介绍：

AJAX Dev Library( 简称 ADL)是FA组织下的一个开源项目，主要以javascript 为基本语言，是一个面向对象的AJAX 组件库系列。ADL包含丰富的UI类库，界面也比较美观，用起来也很方便，并且据说可以支持 JAVA ， .NET ， PHP 等多种语言开发，而且能够实现跨浏览器。因为被它的功能所吸引，所以亲自试了一下，拿出来和大家分享下。

1.1 UI 初体验 — WebForm

下面就ADL中的WebForm为例，说下我做的过程，先给大家看下效果，

以下的实现的主要代码。

window.webform = new js.ui.WebForm();

var div2 = new js.dhtml.Div();

webform.style.height = '230';

webform.style.width = '385';

webform.style.position = 'absolute';

webform.style.left = '33';

webform.style.top = '58';

div2.style.width = "100%";

div2.style.height = "100%";

div2.style.backgroundColor = "#EEEEEE";

div2.innerHTML = "Hello Word!";

webform.SetIcon(GetResourcePath()+"webform/Test.GIF")//添加标题图片

webform.SetTitle("Welcome To China!"); //添加标题

window.Add(webform);

webform.Add(div2);

通过上面几行代码就能实现功能比较全的的webform，可以实现任意拖动，调整大小等很多功能，用起来还真的挺方便的。

1.2其他UI组件

除了上面的介绍的WebForm还有很多功能强大的UI组件，这里就不一一祥述了，下面给大家贴上几张UI组件的效果图片，让大家看下：

Splitter 组件 DateTimePicker组件

ChannelPanel 组件 TabSet 组件

MenuBar 组件 ProgressBar 组件

TreeView 组件 ListView 和Grid 组件

FileIcon 组件 Menu 组件

NavBar 和TreeView 组件 PopupMenu 组件

这里只是简单的介绍了ADL中的几个组件，还有很多功能强大的组件由于篇幅原因就不一一介绍了，如果想要进一步了解的话，请访问FAC的官方网站http://www.futureapps.org/，也可以直接到ADL的开源社区地址：https://sourceforge.net/projects/ajax-dev-lib；

2． ADL开发工具

看到上面的这些介绍，相信已经有好多人迫不及待的想动手尝试下了吧？，俗话说的好“工欲善其事,必先利其器”用adl做开发用什么开发工具呢？用常用的文本编辑器当然可以，比如：“EditPlus”等，不过有没有更加方便的开发工具呢？答案是有的，这里向大家推荐一个ajax开发工具——Webshop.，ADL 可以集成到webshop中进行开发，它的主界面如下：

大家可以到官方网站上去下载，（http://www.joyistar.com/）也可以到网上去搜索下，下载还是蛮多的。

转载于:https://www.cnblogs.com/ajaxcn/archive/2007/03/27/689763.html

ADL之UI初预览 AJAX 开发相关推荐

ajax图片预览,Ajax 上传图片并预览的简单实现
1. 直接上最简单的一种 ajax 异步上传图片,并预览 html: 图片上传 | cookie file: desc: function upload() { $.ajaxFileUpload({ ...
php ajax多图上传预览,Ajax上传图片及先预览功能的实现方法
最近有几个小项目用到了easyUI,一开始决定使用easyUI就注定了项目整体上前后端分离,基本上所有的请求都采用Ajax来完成.在文件上传的时候用到了Ajax上传文件,以及图片在上传之前的预览效果, ...
ofd在线预览功能开发前端
参考地址:OFD格式在线浏览开发实现 - zwbsoft - 博客园这里面都写的很详细了,唯一一个地方,就是 url('http://localhost:54451/api/OnlineView/ ...
旅游预览报名开发日志
第一天主要设置了页面以及主题的框架遇到的问题:图片的分辨率并不符合审美,后期进行加工,小程序没有完成跳转功能,不能实现具体信息的浏览,也没有实时的具体更新旅游的信息. Page({/*** 页面的初 ...
【转】C#开发PACS医学影像处理系统(一)：开发背景和功能预览
转自:https://www.cnblogs.com/Uncle-Joker/p/13646949.html 本系列文章将从以下模块和大家分享和讨论使用C#开发医学软件PACS和RIS系统, 国内相关 ...
.NET 6 预览版 7：新功能已完成，将专注于改进
.NET 团队的项目经理 Richard Lander在宣布 .NET 6 Preview 7 时说:"这是 .NET 预览的又一季的结束.", 中文翻译:.NET 6 预览版 7 ...
Android Wear开发者预览版入门
Android Wear开发者预览版包括工具和API,增强了应用程序通知功能,提供针对Android可穿戴设备的最佳用户体验. 利用Android Wear开发者预览,你可以: 在Android模拟器 ...
文件被损坏 java_使用PDF.JS实现pdf文件在线预览时，报文件被损坏的错误
首先大概说明一下问题出现的背景:我用PDF.JS实现文件在线预览,参考网上的办法,在jsp文件中使用 ?file=" width="1024" height=" ...
第七天课程预览和发布
文章目录一.Eureka注册中心 1.1 Eureka介绍 1.2 高可用Eureka搭建 1.3 服务注册 1.3.1 将CMS注册到Eureka Server 1.3.2 将manage-cou ...
7.6报表的预览和打印
目录 1．打印预览选项卡 2．预览报表 3．打印报表 4．打印预览的常见问题报表设计完成后可以把报表打印出来.但是要想打印美观的报表,在打印之前还需要合理设置报表的页面,直到预览效果满意. 1．打印 ...

ADL之UI初预览 AJAX 开发

1．ADL介绍：

1.1 UI 初体验 — WebForm

1.2其他UI组件

2． ADL开发工具

ADL之UI初预览 AJAX 开发相关推荐

最新文章

热门文章