【连载】研究EasyUI系统——EasyUI入门例子

一、基本配置
　　打开NetBeans，在“文件”菜单中点击“新建项目”，“类别”中选择“PHP”，点击“下一步”后将“源文件夹”名称改成“D:\Project”，然后修改项目名称为“ExpPrj”，然后点击完成。

　　然后将EasyUI解压到ExpPrj目录下，更名为EasyUI，同时新建css目录、js目录、images目录，分别存放css文件、js文件和图片文件。整个目录看起来应该是这样的：

　　这里的“源文件”目录是NetBeans IDE自动显示的，并不存在这样的实际目录，我们也不用去管它。PHP文件就直接放在ExpPrj目录下，当然也可以根据实际需要建立其他子目录。
二、样例代码
　　在工程目录（D:\Project\ExpPrj）下新建example.php文件，并在标签中引入必要的文件。
example.php

除语言包外，其他文件均是必需的。如果是开发中文或其他语言的系统，建议引入语言包文件。
　　我们来编写一个进度条组件相关的实例。在example.php页面的标签内键入下列代码：

开始

效果如下：

　　样例程序实现了每隔一秒就将进度条增加10%，直到100%时弹出“完成”对话框。
　　例子中以

标签为基础，通过easyui-progressbar样式建立EasyUI框架中的进度条组件，同时创建一个按钮用来启动进度条。点击按钮调用“startBar”方法，该方法实现两个功能，一是以1秒（1000毫秒）为单位设置定时器，二是关闭按钮。定时器绑定了addProgressBar方法，每隔一秒执行一次。addProgressBar方法每执行一次，就将进度条增加10%。