`
倚地屠蛇
  • 浏览: 45405 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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

    博客分类:
  • java
阅读更多
前两天看了朋友发的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
分享到:
评论
22 楼 kaki 2010-04-27  
看到源代码了,太XXX了,巨汗!
21 楼 kaki 2010-04-27  
建议分享一下grid数据来源代码。
20 楼 kaki 2010-04-27  
楼主是如何解决中文乱码问题的?
19 楼 wm920 2010-03-18  
页面反应太慢 了
18 楼 wm920 2010-03-18  
那个UI框架  js 资源消耗的厉害·
17 楼 conqweal 2010-03-17  
很不错,简单实用
16 楼 倚地屠蛇 2010-03-11  
<div class="quote_title">stworthy 写道</div>
<div class="quote_div">
<div class="quote_title">Zahir 写道</div>
<div class="quote_div">chrome下datagrid全乱掉了</div>
<p> </p>
<p>原因应该是没设置width,height,看了其源码,width,height被注释掉了,实际上设置fit:true更好,可以让其自适当窗口宽度高度。</p>
</div>
<p>感谢这位兄弟。已修正过来了</p>
15 楼 stworthy 2010-03-11  
<div class="quote_title">Zahir 写道</div>
<div class="quote_div">chrome下datagrid全乱掉了</div>
<p> </p>
<p>原因应该是没设置width,height,看了其源码,width,height被注释掉了,实际上设置fit:true更好,可以让其自适当窗口宽度高度。</p>
14 楼 treblesoftware 2010-03-11  
GOOGLE 4.0浏览器 下有BUG。
13 楼 倚地屠蛇 2010-03-10  
openeyes 写道
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢


我的文档是上传在http://www.slideshare.net/my-slidespace上的,然后引用它的播放代码。

另外好像有一个可以将文档转换成flash的工具:FlashPaper 2。
12 楼 brimstone 2010-03-10  
openeyes 写道
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢


是直接调用http://www.slideshare.net/ 里面转化好的pdf
11 楼 zhaolaiwei 2010-03-10  
chrome 下全部乱了
firefox 下页面也不美观。
建议LZ考虑下浏览器的兼容性~!
10 楼 cucumber 2010-03-10  
同样关注flash显示pdf。。。
9 楼 snowing11812 2010-03-10  
openeyes 写道
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢


这个是不是之前已经转换成swf了?只是他的原始格式是pdf ?
8 楼 phoenixup 2010-03-10  
Zahir 写道
chrome下datagrid全乱掉了

正解~~~不过jquery-easyui是不错,不过不知道后续开发和维护如何。
7 楼 openeyes 2010-03-10  
楼主,请教一下你的pdf文档怎么在flash中显示的?我对这个很感兴趣,谢谢
6 楼 erichua 2010-03-10  
好像离extjs还是很远
5 楼 Zahir 2010-03-10  
chrome下datagrid全乱掉了
4 楼 倚地屠蛇 2010-03-09  
smallratluobin 写道
有没有源代码参考呢?做的东西不错,在ie效果上不好。

代码好乱的,呵呵。大部分的JS都在首页面里,挺简单的。
3 楼 倚地屠蛇 2010-03-09  
stworthy 写道
loadData函数中将这一段
$('#test').datagrid({
url:'getbooklist.php',
queryParams:{catid:catid}//传入参数:书籍类别
});
改成:
$('#test').datagrid({
url:'getbooklist.php',
pageNumber:1,
queryParams:{catid:catid}//传入参数:书籍类别
});




谢谢,问题解决。DataGrid参数说明中有这个参数,一直没看到~

相关推荐

    jquery-easyui-EDT-1.5.2-build1

    jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1

    jquery-easyui-1.2.2 jquery-easyui-1.2.2

    jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2

    jquery-easyui.zip_easyui框架_html 框架_jquery-easyui

    在文件列表中,“1漂亮的jquery easyui后台框架”可能是一个示例项目,展示如何使用EasyUI创建一个美观的后台管理系统界面。这个文件可能包含了一系列HTML文件、CSS样式表和JavaScript脚本,通过这些文件,我们可以...

    jquery-easyui-themes.rar_easyui 主题_easyui主题_html_jquery_jquery-e

    jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的组件和易于使用的API,极大地简化了Web界面的开发。而其核心魅力之一,便是丰富的主题系统,使得开发者可以轻松定制出符合企业品牌或者个人喜好的用户...

    jquery-easyui-1.7.0.zip官方文档

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中,这个强大的工具集进一步优化和完善,为开发者带来了更丰富的功能和...

    jquery-easyui-1.3.3

    总结来说,jQuery EasyUI 1.3.3 是一款强大且易于使用的前端框架,它的组件丰富、功能全面,为Web开发提供了极大的便利。无论是新手还是经验丰富的开发者,都能从中受益,快速构建出功能强大、界面美观的Web应用。

    jquery-easyui-1.2.6

    jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。 jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助...

    jquery-easyui-1.3.5

    jQuery EasyUI是基于jQuery的,因此理解jQuery的基本概念和语法是使用EasyUI的前提。 `EasyUI` 是一套基于jQuery的插件集合,它提供了一系列的UI组件,如对话框、表格、树形结构、表单验证、菜单等。这些组件都是...

    jquery-easyui-1.5.5.zip

    easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...

    Jquery-Easyui-1.2.3

    《jQuery EasyUI 1.2.3:轻松构建高效用户界面》 jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了丰富的组件和便捷的API,用于快速开发出具有专业外观和交互体验的Web应用程序。标题中的 "Jquery-Easyui-...

    超实用的jQuery-EasyUI视频教程(30集)

    教程名称:超实用的jQuery-EasyUI视频教程(30集)课程目录:【】jQuery-EasyUI视频教程(01-02集)【】jQuery-EasyUI视频教程(03-04集)【】jQuery-EasyUI视频教程(05-06集)【】jQuery-EasyUI视频教程(07-08集...

    jquery-easyui-1.5.5

    该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css

    jquery-easyui-themes

    jquery-easyui-themes,easyui主题包,包含metro-blue metro-gray metro-green metro-orange metro-red ui-cupertino ui-dark-hive ui-pepper-grinder ui-sunny这些主题,具体的php使用方式见:...

    jquery-easyui完整demo演示

    jQuery EasyUI 是基于 jQuery 的轻量级框架,它不依赖任何其他库,只需要引入相应的 CSS 和 JS 文件即可使用。EasyUI 提供了诸如窗口(Window)、表单(Form)、面板(Panel)、菜单(Menu)等丰富的组件,以及数据...

    jquery-easyui-1.5完整源码.zip

    《jQuery EasyUI 1.5 完整源码解析与应用》 jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了丰富的用户界面组件,如表格、对话框、菜单、按钮等,大大简化了Web应用程序的开发。在"jquery-easyui-1.5完整...

    jquery-easyui-EDT-1.4-build1-附带各种主题

    jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列易于使用的组件,如表格、下拉菜单、对话框等,极大地简化了网页的用户界面开发。在这款名为 "jquery-easyui-EDT-1.4-build1-附带各种主题" 的...

    jquery-easyui-1.3.2+API

    该文件中含有jquery-easyui 开发使用实例demo 及 jquery.easyui.min.js、jquery-1.8.0.min.js文件 ,以及EasyUI-1.3.2+中文版API,个人觉得在WEB开发的时候挺实用的,希望能方便大家

    jquery-easyui-1.3.2 demo

    本篇文章将详细探讨 "jquery-easyui-1.3.2 demo",即官方提供的示例,帮助读者理解并掌握这一强大工具的使用方法。 EasyUI 的核心在于其组件库,这些组件包括数据网格(datagrid)、下拉树(combotree)、日期选择...

    jquery-easyui-EDT-1.5.5.rar

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它极大地简化了网页界面的构建过程,提供了丰富的组件和易于使用的API,使得开发者能够快速创建出功能完备、交互性强的Web应用。而“jquery-easyui-EDT-1.5.5.rar...

    jQuery EasyUI jquery-easyui-1.5.5.6

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个压缩包“jquery-easyui-1.5.5.6”包含了该框架的1.5.5.5版本,这是一份重要的更新,可能包含了一些...

Global site tag (gtag.js) - Google Analytics