民工皇帝

龙在沙滩被虾戏,虎落平阳被犬欺. 虎伏深山听风啸,龙卧浅滩等海潮. 海到尽头天做岸,山登绝顶我为峰. 如日东山能在起,大鹏展翅恨天低。 谁无虎落平阳日,待我东山再起时. 有朝一日龙得水,必令长江水倒流. 有朝一日凤回巢,必让长城永不倒. 有朝一日虎归山,必要血染半边天. 有朝一日狮入林,我要气吼山河震. 有朝一日游地府,我让地府底朝天. 有朝一日游天边,众神跪在我身边. 有朝一日凤翔天,我要天下尽我鸣. 有朝一日我出头,我要天下唯我尊. 天下英雄出我辈,一入江湖岁月摧. 宏图霸业谈笑中,不胜人生一场醉
  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
jqgrid学习（6） 引用jquery类库
IE8，FF3以及Chrome 3已经支持JSON，配置：
Java代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">   
  3. <head>   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
  5. <title>My First Grid</title>   
  6.     
  7. <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />   
  8. <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />   
  9.     
  10. <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>   
  11. <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>   
  12. <script type="text/javascript">   
  13.     jQuery.jgrid.useJSON = true;   
  14. </script>   
  15. <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>   
  16.     
  17. </head>   
  18. <body>   
  19. ...   
  20. </body>   
  21. </html>  


要注意下面这段代码
Java代码 复制代码
  1. <script type="text/javascript">   
  2.     jQuery.jgrid.useJSON = true;   
  3. </script>  

这段代码要放到语言包之后jqGrid.js文件之前。
如果浏览器不支持JSON，那么我们只能用eval函数解析json。

除了jqGrid本身提供对json的类库外，我们可以使用JSON.parse来处理JSON，配置如下：
Java代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">   
  3. <head>   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
  5. <title>My First Grid</title>   
  6.     
  7. <link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />   
  8. <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />   
  9.     
  10. <script src="js/json2.js" type="text/javascript"></script>   
  11. <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>   
  12. <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>   
  13. <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>   
  14. <script type="text/javascript">   
  15.    jQuery.extend(jQuery.jgrid,{   
  16.       parse:function(jsstring) {   
  17.          return JSON.parse(jsstring);   
  18.       }   
  19.    });   
  20. </script>   
  21.     
  22. </head>   
  23. <body>   
  24. ...   
  25. </body>   
  26. </html>  
posted on 2010-05-26 16:14  民工皇帝  阅读(2118)  评论(0)  编辑  收藏  举报