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介绍