论坛首页 Web前端技术论坛

使用JQuery-easyui简单改造的电子书籍网站

浏览 23515 次
精华帖 (0) :: 良好帖 (2) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-03-09   最后修改:2010-03-09
前两天看了朋友发的jquery-easyui名片管理系统:http://www.iteye.com/topic/606820,界面不错,于是使用jquery-easyui对现有的一个电子书籍网站做了一个集中的展示界面。主要使用了jquery-easyui的datagrid功能。

另外使用了jtip插件来显示书籍的详细信息。

在线演示地址:http://www.uniquesoft.cn/cms/new2010/

尚存在的问题:
1、IE下datagrid加载以及分页刷新时,刷屏现象严重,Firefox下无问题;
2、datagrid的分页功能,例如:先选择一个分类,加载该分类的数据,定位到第2页,再选择另一个分类,页码如何让它从第1页开始,而不是第2页?

希望有经验的朋友能指教。

界面如下:

主界面


书籍在线阅读窗口


按“下载次数”列排序


显示书籍详细信息


帮助信息

  • 描述: 主界面
  • 大小: 119.4 KB
  • 大小: 114.4 KB
  • 大小: 91.9 KB
  • 大小: 133.2 KB
  • 大小: 79.8 KB
   发表时间:2010-03-09  
loadData函数中将这一段
$('#test').datagrid({
url:'getbooklist.php',
queryParams:{catid:catid}//传入参数:书籍类别
});
改成:
$('#test').datagrid({
url:'getbooklist.php',
pageNumber:1,
queryParams:{catid:catid}//传入参数:书籍类别
});


0 请登录后投票
   发表时间:2010-03-09  
有没有源代码参考呢?做的东西不错,在ie效果上不好。
0 请登录后投票
   发表时间:2010-03-09  
stworthy 写道
loadData函数中将这一段
$('#test').datagrid({
url:'getbooklist.php',
queryParams:{catid:catid}//传入参数:书籍类别
});
改成:
$('#test').datagrid({
url:'getbooklist.php',
pageNumber:1,
queryParams:{catid:catid}//传入参数:书籍类别
});




谢谢,问题解决。DataGrid参数说明中有这个参数,一直没看到~
0 请登录后投票
   发表时间:2010-03-09  
smallratluobin 写道
有没有源代码参考呢?做的东西不错,在ie效果上不好。

代码好乱的,呵呵。大部分的JS都在首页面里,挺简单的。
0 请登录后投票
   发表时间:2010-03-10  
chrome下datagrid全乱掉了
0 请登录后投票
   发表时间:2010-03-10  
好像离extjs还是很远
0 请登录后投票
   发表时间:2010-03-10  
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢
0 请登录后投票
   发表时间:2010-03-10  
Zahir 写道
chrome下datagrid全乱掉了

正解~~~不过jquery-easyui是不错,不过不知道后续开发和维护如何。
0 请登录后投票
   发表时间:2010-03-10  
openeyes 写道
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢


这个是不是之前已经转换成swf了?只是他的原始格式是pdf ?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics