jqGrid集成jQuery UI介绍

  jqGrid为jQuery的一个插件,所以一些情况下可以使用jQuery一些辅助插件,所以为什么在这里讨论 jQuery UI类库

要求和安装

jqGrid要使用jQuery UI这个功能,需要在head标签内将jQuery UI类库导入到当前页面。如何下载 jQuery UI library 参考这里: here。下载完jQuery UI后,页面结构示例如下

<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<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="css/ui.jqgrid.css" />
 
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
</head>
<body>
...
</body>
</html>

  jquery-ui-1.7.2.custom.min.js为 jQuery UI 类库。

  
  为了防止混乱,建议下载完整版本的UI类库。晚点介绍在使用某个方法时,需要下载哪些对应的jQuery UI部件。

  注意:需要在下载页面勾选jQuery UI 插件后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6

  下面介绍jQgrid如何使用jQuery UI。

来源:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_intro

 


原创文章,转载请注明出处:jqGrid集成jQuery UI介绍

评论(0)Web开发网
阅读(395)喜欢(0)不喜欢(0)jqGrid中文API