JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。
JQGrid Demo
是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。
下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。
jqGrid学习之 ------------- 安装
jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。
按照官网文档:
/myproject/css/
ui.jqgrid.css
/ui-lightness/
/images/
jquery-ui-1.7.2.custom.css
/myproject/js/
/i18n/
grid.locale-bg.js
list of all language files
….
Changes.txt
jquery-1.3.2.min.js
jquery.jqGrid.min.js
在页面中写法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css " />
<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css " />
<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css " />
<style>
html, body {
margin: 0;
padding: 0;
font-size: 75%;
}
</style>
<script src="js/jquery-1.3.2.min.js " type="text/javascript"></script>
<script src="js/src/grid.loader.js " type="text/javascript"></script>
</head>
<body>
...
</body>
</html>
需要说明的是,jquery-ui的字体大小与jqgrid字体大小不一致,故需要在页面上在加上一段
style来指定页面上文字大小。
jqGrid皮肤
从3.5版本开始,jqGrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/
下载我们所需要的theme。当然,你也可以编辑自己的theme。jqGrid
也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css
” 以及“ui.core.css
”即可,文件位于目录development-bundle/themes下。
jqGrid原理
jqGrid是典型的B/S架构,服务器端只是提供数据管理,客户端只提供数据显示。换句话说,jqGrid可以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户端数据传回给服务器端。
对于jqGrid我们所关心的就是:必须有一段代码把一些页面信息保存到数据库中,而且也能够把响应信息返回给客户端。jqGrid是用ajax来实现对请求与响应的处理。
分享到:
相关推荐
安装将这些行添加到应用程序的Gemfile : # jqgrid jquery plugin packaged for the rails asset pipelinegem 'jqgrid-jquery-rails' , '~> 4.6.001' 然后执行: $ bundle 或将其自己安装为: $ gem install jqgrid-...
Web软件牵涉相当多技术,但无论甚么样的软件窗体是不可少的,jqgrid 提供非常强大的UI接口技术可轻易的展示/维护数据库内的数据....本教程提供step-by-step安装测试,可以让入门或只想评估的使用者省去可观的时间
jqgrid安装教程,详细过程讲解,安装分为基本安装和进阶安装
Lib.AspNetCore.Mvc.JqGrid 一组库,它们支持和ASP.NET Core中的使用。 这是从jqGrid的相关功能ASP.NET核心演进 。 Lib.AspNetCore.Mvc.JqGrid.Infrastructure-表示jqGrid选项的类,枚举和常量... 您可以通过安装顶级软
jsgrid 是一个jQuery插件,用于显示和处理表格数据()。 它是jqGrid的分支,或更具体地说,是许可证更改之前最新版本的分支。 现在您可以辩称,许可证更改是无效的,因为...安装从中下载jsgrid,您可以在其中精确选择
框架都是目前主流框架:前台MUI、Bootstrap、VUE、JQGrid、Jquery-UI;后台SpringBoot、tk.Mybatis;爬取用的是HttpURLConnection和Jsoup,5大策略(内分小策略)支持全站所有风格的课程爬取。使用的工具是JDK、IDEA...
安装bower ,它将安装在bower_components文件夹下,以解决插件依赖性。 (您可以更改文件夹位置 ) 建议您使用bower安装。 如果您从未使用过凉亭,请参阅 。 用npm安装 如果您不使用Bower,也可以使用npm作为替代...
要使用所有可用的jqGrid插件和库功能,请参阅jqGrid文档 ##依赖 , , , jqGrid插件> = 4.3.1 , 可选的Doctrine2行为扩展 未来的发展计划包括: 教义ODM网格Zend数据库网格 安装 手动安装转到项目的目录。...
jqGrid 为目前最好的grid开发插件,有丰富的原件及强大的功能可以在php asp java等主流脚本上运行 网上文章都是从官网翻译来的,但省略...本教程详细记录了安装细节,初学者只需解压缩至网站根目录再建一个测试数据库即可
jQgrid 显示。 该演示使用 Ant 脚本编译为 AMD 模块,该脚本缓解了使用多个 TypeScript 文件构建单个模块的 TypeScript 编译器问题。 在不久的将来,TypeScript 可能会在这一点上发展。 该演示将在每个新的 ...
要克隆jqGrid子模块,请cd到项目根目录(〜/ jxset)并发出以下命令: git 子模块更新 --init --recursive 在您的 mysql 服务器上运行位于 jxset/demo/jxset.sql 中的 sql 脚本,这将创建一个名为“jxset”的新...
(2.0版中的新版本):易于安装,易于上手(*)仅DataTables支持的搜索功能使用jqGrid或jQuery DataTables或在样式化HTML表中呈现可自定义的表。 同时支持Doctrine ORM和Doctrine MongoDB ODM安装Symfony 4/5 ...
MongoDB介绍及安装 通过samus驱动实现基本数据操作 在MVC模式下通过Jqgrid表格操作MongoDB数据 用MongoDB的文档结构描述数据关系 MongoDB文件存取操作 MongoDB索引用法和效率分析
它目前适用于 jqGrid、谷歌可视化和 jQuery 数据表。 它开箱即用,只需在控制器中声明网格并向 gsp 添加标签即可提供排序、过滤、导出和内联编辑。 它还提供了一个强大的选择小部件(直接替代下拉框)安装将以下...
jqGrid与实时分页和搜索集成 多列过滤 批量用户管理(验证,禁止,取消禁止,禁用,启用,删除) 批量内容管理(禁用,启用,删除) elgg_entities表与对象,用户,组,站点属性连接 elgg_metadata表与元字符串值...