
jQuery-EasyUI
河职院杨浪
这个作者很懒,什么都没留下…
展开
-
3 拖放效果的购物车
如果你能在你的web应用程序简单的实现拖放效果,那么你的web应用程序才会有一些特别的东西。使用EasyUI,可以让我们的web应用程序具有拖放的能力。在下面的教程中,将向你展示如何创建一个购物车页面,它能够让用户通过拖放来进行购买商品。拖放过程中,购物篮的信息将会被更新。下面是官方演示网址:http://www.jeasyui.com/tutorial/dd/dnd2_demo.ht原创 2012-12-02 20:32:22 · 1442 阅读 · 0 评论 -
6 数据网格的搜索功能
在这个教程中,将显示如何从数据库中获取数据并显示的数据网格中。首先案例定义一个搜索框,依据输入的内容来获取数据库中的数据。接着《5 数据网格具有分页功能》,需要在数据网格中添加一个搜索工具条。在datagrid_getdata.html表格之后添加如下代码: 用户名: 搜索注意链接标签使用了class="easyui-linkbutton"样式,关于这个知识点可翻译 2012-12-14 10:12:03 · 1530 阅读 · 0 评论 -
6.1 创建LinkButton
一般来说,按钮使用button标签创建,Link Button却是使用a标签创建。下面是Link Button按钮的演示效果:http://www.jeasyui.com/tutorial/mb/linkbutton_demo.html创建Link Button,只需要将一个class属性值为“easyui-lingkbutton”的样式添加到a标签中。下面我们演示如何将a标签变成按钮,首翻译 2012-12-14 10:26:16 · 1874 阅读 · 0 评论 -
5 数据网格具有分页功能
数据网格接收数据库中数据的例子可参看: http://www.jeasyui.com/tutorial/datagrid/datagrid2_demo.html5.1 接收jsp返回的表数据在http://blog.csdn.net/gdhyyanglang/article/details/8249246中我们使用2中种方法使表格转换为数据网格。现在我们使用第一种方法创建一个数据网翻译 2012-12-12 13:43:34 · 1481 阅读 · 0 评论 -
2 拖放效果
下面我们通过拖放来熟悉EasyU。这个教程显示如何使HTML元素变得可拖放。这个例子会创建3个DIV元素然后让它们变得可拖放。首先在EasyUIDemo目录下建立一个文件夹myDemo。使用Dreamware新建一个html文档,命名为dragTest.html。在head标签之间插入三条语句,如代码清单2-1所示。代码清单2-1 dragTest.html拖放测试原创 2012-12-02 10:41:40 · 1116 阅读 · 0 评论 -
5.1 JSP访问mysql数据库
JSP连接mysql需要用到驱动,可在mysql官网下载mysql数据库Java驱动:http://www.mysql.com/downloads/connector/j/(需要注册)。下载后解压,然后把里面的mysql-connector-java-5.1.8-bin.jar复制到D:\Program Files\Apache SoftwareFoundation\Tomcat 7.0\lib(原创 2012-12-04 19:00:41 · 5518 阅读 · 1 评论 -
1 搭建EasyUI环境
1 安装Web服务器,在http://tomcat.apache.org/download-70.cgi下载Tomcat7安装版本。安装好Tomcat后,启动Tomcat,在浏览器输入http://localhost:8080/ ,如果看到欢迎界面,表示安装成功。2 在官方网站http://www.jeasyui.com/download/index.php下载jQuery EasyU原创 2012-12-02 10:37:38 · 8781 阅读 · 0 评论 -
4 课程表制作
这个教程将显示如何通过EasyUI创建一个课程表。我们将创建两个表格:左边为课程,右边为课程表。你可以拖动课程放置在课程表的单元格中。下面是官方网站示例:http://www.jeasyui.com/tutorial/dd/dnd3_demo.html4.1 显示课程在body标签中创建两个课程,如下: 英语翻译 2012-12-03 21:15:53 · 4682 阅读 · 0 评论 -
3.1 表格转换为数据网格
下面的案例演示(demostrate)如何将table转换为DataGrid。代码清单3-1 tableConvertDataGrid.htm表格转换为数据网格 Col 1 Col 2 Col 3 Details原创 2012-12-02 20:22:59 · 1208 阅读 · 0 评论 -
7 数据网格的编辑
前面我们通过数据网格显示了数据库中的数据信息,现在讲解数据网格的编辑功能。数据网格允许用户增加新行,更新行数据。下面教程展示如何创建编辑功能的数据网格。演示效果可参看:http://www.jeasyui.com/tutorial/datagrid/datagrid12_demo.html我们按照:http://blog.csdn.net/gdhyyanglang/article/翻译 2012-12-19 11:35:15 · 2010 阅读 · 1 评论