1   概述

本篇文章主要与大家分享JqGrid插件参数问题。

2   参数详解

2.1 初始化参数

2.2  ColModel参数

3   json数据

jqGrid可支持的数据类型:xml、json、jsonp、local or clientSide、xmlstring、jsonstring 、script、function (…)。

Json数据

需要定义jsonReader来跟服务器端返回的数据做对应,其默认值:

 jsonReader : {   

      root: "rows",

      page: "page",

      total: "total",

      records: "records",

      repeatitems: true,

      cell: "cell", 

      id: "id",

      userdata: "userdata",

      subgrid: {

          root:"rows",

         repeatitems: true,

            cell:"cell"

      }  

这样服务器端返回的数据格式:

 {   

    total: "xxx",
    page: "yyy",   

    records: "zzz",  

    rows : [  

      {id:", cell:["cell11", "cell12", "cell13"]},  

      {id:", cell:["cell21", "cell22", "cell23"]},  

        ...  

    ]  

 }    

 jQuery("#gridid").jqGrid({  

 ...  

     jsonReader : {  

         root:"invdata",  

         page: "currpage",  

         total: "totalpages",  

         records: "totalrecords",  

         cell: "invrow"  

     },  

 ...  

 }); 

     totalpages: "xxx",   

     currpage: "yyy",  

     totalrecords: "zzz",  

     invdata : [  

         {id:", invrow:["cell11", "cell12", "cell13"]},  

         {id:", invrow:["cell21", "cell22", "cell23"]},  

         ...  

     ]  

repeatitems :指明每行的数据是可以重复的,如果设为false,则会从返回的数据中按名字来搜索元素,这个名字就是colModel中的名字

 jsonReader : {  

     root:"invdata",  

     page: "currpage",  

     total: "totalpages",  

     records: "totalrecords",  

     repeatitems: false,  

     id: "  

 }

 totalpages: "xxx",   

 currpage: "yyy",  

 totalrecords: "zzz",  

 invdata : [  

     {invid:", note:"somenote"},  

     {invid:", note:"some note"},  

     ...  

 ] 

此例中,id属性值为“invid”。 一旦当此属性设为false时,我们就不必把所有在colModel定义的name值都赋值。因为是按name来进行搜索元素的,所以他的排序也不是按colModel中指定的排序结果。

用户数据(user data) 在某些情况下,我们需要从服务器端返回一些参数但并不想直接把他们显示到表格中,而是想在别的地方显示,那么我们就需要用到userdata标签

 jsonReader: {  

     ...  

     userdata: "userdata",  

     ...  

 } 

 {   

     total: "xxx",   

     page: "yyy",   

     records: "zzz",   

     userdata: {totalinvoice:240.00, tax:40.00},   

     rows : [   

         {id:", cell:["cell11", "cell12", "cell13"]},   

         {id:", cell:["cell21", "cell22", "cell23"]},   

         ...   

     ]   

 }

在客户端我们可以有下面两种方法得到这些额外信息:

1.jQuery("grid_id").getGridParam('userData')

2.jQuery("grid_id").getUserData()

3.jQuery("grid_id").getUserDataItem( key )

4   jqGrid事件

使用方法

 var lastSel;  

 jQuery("#gridid").jqGrid({  

 ...  

     onSelectRow: function(id){   

         if(id && id!==lastSel){   

             jQuery('#gridid').restoreRow(lastSel);   

             lastSel=id;   

         }   

         jQuery('#gridid').editRow(id, true);   

     },  

 ...  

 })
 var lastSel;  

 jQuery("#gridid").jqGrid({  

 ...  

     onSelectRow: function(id){   

         if(id && id!==lastSel){   

             jQuery('#gridid').restoreRow(lastSel);   

             lastSel=id;   

         }   

         jQuery('#gridid').editRow(id, true);   

     },  

 ...  

 })

5   jqGrid方法

jqGrid的方法,从3.6开始已经完全兼容jQuery UI库。

jQuery("#grid_id").jqGridMethod( parameter1,...parameterN );

jQuery("#grid_id").setGridParam({...}).hideCol("somecol").trigger("reloadGrid");

如果使用新的API:

jQuery("#grid_id").jqGrid('method', parameter1,...parameterN );

jQuery("#grid_id").jqGrid('setGridParam',{...}).jqGrid('hideCol',"somecol").trigger("reloadGrid");

jqGrid配置使用新的api

 !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="css/ui.jqgrid.css" />  

 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  

 <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>  

 <script type="text/javascript">  

     jQuery.jgrid.no_legacy_api = true;  

 </script>  

 <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>  

 </head>  

 <body>  

 ...  

 </body>  

 </html>

jqGrid的通用方法和设置

这些方法并不和jqGrid对象绑定,可以随意使用:

jQuery.jgrid.jqGridFunction( parameter1,...parameterN );

6   翻页操作

jqGrid的翻页要定义在html里,通常是在grid的下面,且是一个div对象:

 <table id="list"></table>   

    <div id="gridpager"></div>

 jQuery("#grid_id").jqGrid({  

 ...  

    pager : '#gridpager',  

 ...  

 });

不必给翻页设置任何的css属性。在jqGrid里定义的翻页可以是::pager : '#gridpager', pager : 'gridpager' or pager : jQuery('#gridpager'). 推荐使用前两个,当使用其他方式时jqGrid的导入导出功能时会引起错误。

导航栏的属性:

 $.jgrid = {  

     defaults : {  

         recordtext: "View {0} - {1} of {2}",  

             emptyrecords: "No records to view",  

         loadtext: "Loading...",  

         pgtext : "Page {0} of {1}"  

     },  

 ...  

 }

如果想改变这些设置:

 .    jQuery.extend(jQuery.jgrid.defaults,{emptyrecords: "Nothing to display",...});

 .    jQuery("#grid_id").jqGrid({  

         ...  

         pager : '#gridpager',  

         emptyrecords: "Nothing to display",  

         ...  

     });

jQuery("#grid_id").setGridParam({rowNum:10}).trigger("reloadGrid");

 <body>  

 ...  

    <table id="list"></table>   

    <div id="gridpager"></div>   

 ...  

 </body>

 jQuery("#grid_id").jqGrid({  

 ...  

    pager : '#gridpager',  

 ...  

 });  

 jQuery("#grid_id").navGrid('#gridpager',{parameters},prmEdit, prmAdd, prmDel, prmSearch, prmView);  

 jQuery("#grid_id").jqGrid({  

 ...  

    pager : '#gridpager',  

 ...  

 });  

 jQuery("#grid_id").jqGrid('navGrid','#gridpager',{parameters},prmEdit, prmAdd, prmDel, prmSearch, prmView);  

 jQuery("#grid_id").jqGrid({  

 ...  

    pager : '#gridpager',  

 ...  

 }).navGrid('#gridpager',{parameters}, prmEdit, prmAdd, prmDel, prmSearch, prmView);  

 ...

 grid_id :表格id 

 gridpager :导航栏id 

 parameters :参数列表 

 prmEdit, prmAdd, prmDel, prmSearch, prmView :事件

 $.jgrid = {  

 ...  

    search : {  

      caption: "Search...",  

      Find: "Find",  

      Reset: "Reset",  

      odata : ['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain'],  

      groupOps: [ { op: "AND", text: "all" }, { op: "OR", text: "any" } ],  

      matchText: " match",  

      rulesText: " rules"  

    },  

    edit : {  

       addCaption: "Add Record",  

      editCaption: "Edit Record",  

      bSubmit: "Submit",  

      bCancel: "Cancel",  

      bClose: "Close",  

      saveData: "Data has been changed! Save changes?",  

      bYes : "Yes",  

      bNo : "No",  

      bExit : "Cancel",  

   },  

   view : {  

     caption: "View Record",  

     bClose: "Close"  

   },  

   del : {  

     caption: "Delete",  

     msg: "Delete selected record(s)?",  

     bSubmit: "Delete",  

     bCancel: "Cancel"  

   },  

   nav : {  

     edittext: "",  

     edittitle: "Edit selected row",  

     addtext:"",  

     addtitle: "Add new row",  

     deltext: "",  

     deltitle: "Delete selected row",  

     searchtext: "",  

     searchtitle: "Find records",  

     refreshtext: "",  

     refreshtitle: "Reload Grid",  

     alertcap: "Warning",  

     alerttext: "Please, select row",  

     viewtext: "",  

     viewtitle: "View selected row"  

   },  

 ...
         

 jQuery("#grid_id").jqGrid({  

 ...  

    pager : '#gridpager',  

 ...  

 }).navGrid('#gridpager',{view:true, del:false},   

 {}, // use default settings for edit  

 {}, // use default settings for add  

 {},  // delete instead that del:false we need this  

 {multipleSearch : true}, // enable the advanced searching  

 {closeOnEscape:true} /* allow the view dialog to be closed when user press ESC key*/  

 );

7   自定义按钮

 jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});

 jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters});

 { caption:"NewButton", buttonicon:"ui-icon-newwin", onClickButton:null, position: "last", title:"", cursor: "pointer"}  

 caption:按钮名称,可以为空,string类型 

 buttonicon:按钮的图标,string类型,必须为UI theme图标 

 onClickButton:按钮事件,function类型,默认null 

 position:first或者last,按钮位置 

 title:string类型,按钮的提示信息 

 cursor:string类型,光标类型,默认为pointer 

 id:string类型,按钮id 

 如果设置多个按钮:

 jQuery("#grid_id")  

 .navGrid('#pager',{edit:false,add:false,del:false,search:false})  

 .navButtonAdd('#pager',{  

    caption:"Add",   

    buttonicon:"ui-icon-add",   

    onClickButton: function(){   

      alert("Adding Row");  

    },   

    position:"last"  

 })  

 .navButtonAdd('#pager',{  

    caption:"Del",   

    buttonicon:"ui-icon-del",   

    onClickButton: function(){   

       alert("Deleting Row");  

    },   

    position:"last"  

 });

 按钮间的分隔 

 jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}).navSeparatorAdd("#pager",{separator_parameters}}; 

 默认参数: 

 {sepclass : “ui-separator”,sepcontent: ''} 

 sepclass:ui-jqgrid的属性名 

 sepcontent:分隔符的内容.

8   数据格式化

jqGrid的格式化是定义在语言包中

 $jgrid = {  

...  

   formatter : {  

     integer : {thousandsSeparator: " ", defaultValue: '0'},  

     number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},  

     currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},  

     date : {  

       dayNames: [  

         "Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat",  

         "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"  

       ],  

       monthNames: [  

         "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",  

         "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"  

       ],  

       AmPm : ["am","pm","AM","PM"],  

       S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},  

       srcformat: 'Y-m-d',  

       newformat: 'd/m/Y',  

       masks : {  

         ISO8601Long:"Y-m-d H:i:s",  

         ISO8601Short:"Y-m-d",  

         ShortDate: "n/j/Y",  

         LongDate: "l, F d, Y",  

         FullDateTime: "l, F d, Y g:i:s A",  

         MonthDay: "F d",  

         ShortTime: "g:i A",  

         LongTime: "g:i:s A",  

         SortableDateTime: "Y-m-d\\TH:i:s",  

         UniversalSortableDateTime: "Y-m-d H:i:sO",  

         YearMonth: "F, Y"  

       },  

       reformatAfterEdit : false  

     },  

     baseLinkUrl: '',  

     showAction: '',  

     target: '',  

     checkbox : {disabled:true},  

     idName : 'id'  

   }  

...

这些设置可以通过colModel中的formatoptions参数修改

jQuery("#grid_id").jqGrid({  

...  

   colModel : [  

   ...  

      {name:'myname', ... formatter:'number', ...},  

   ...  

   ],  

...  

});

此实例是对名为“myname”的列进行格式化,格式化类是“number”,假如初始值为“1234.1”则格式化后显示为“1 234.10” 。

如果给某列进行格式化:

jQuery("#grid_id").jqGrid({  

...  

   colModel : [  

   ...  

      {name:'myname', ... formatter:'currency', formatoptions:{decimalSeparator:",", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$ "} } ,  

   ...  

   ],  

...  

});

这个设置会覆盖语言包中的设置。
select类型的格式化实例: 原始数据

jQuery("#grid_id").jqGrid({  

...  

   colModel : [ {name:'myname', edittype:'select', editoptions:{value:"1:One;2:Two"}} ... ],  

...  

});

使用格式化后

jQuery("#grid_id").jqGrid({  

...  

   colModel : [ {name:'myname', edittype:'select', formatter:'select', editoptions:{value:"1:One;2:Two"}} ... ]  

...  

});

结果是,表格的数据值为1或者2但是现实的是One或者Two。 对超链接使用select类型的格式化:

jQuery("#grid_id").jqGrid({  

...  

   colModel: [ {name:'myname', edittype:'select', formatter:'select', formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit'}, ...}   

      ...   

   ]  

...  

});

得到http://localhost/someurl.php?id=123&action=edit 如果想改变id值则

jQuery("#grid_id").jqGrid({  

...  

   colModel: [ {name:'myname', edittype:'select', formatter:'select', formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit', idName:'myid'}, ...}   

      ...   

   ]  

...  

});

得到http://localhost/someurl.php?myid=123&action=edit 

jqGrid 自定义格式化

jQuery("#grid_id").jqGrid({  

...  

   colModel: [   

      ...   

      {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter},  

      ...  

   ]  

...  

});  

function currencyFmatter (cellvalue, options, rowObject)  

{  

   // do something here  

   return new_format_value  

}

cellvalue:要被格式化的值 

options:对数据进行格式化时的参数设置,格式为: { rowId: rid, colModel: cm} 

rowObject:行数据 

数据的反格式化跟格式化用法相似.

jQuery("#grid_id").jqGrid({  

...  

   colModel: [   

      ...   

      {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter, unformat:unformatCurrency},  

      ...  

   ]  

...  

});  

function currencyFmatter (cellvalue, options, rowObject)  

{  

   return "$"+cellvalue;  

}  

function  unformatCurrency (cellvalue, options)  

{  

   return cellvalue.replace("$","");  

}  

表格中数据实际值为123.00,但是显示的是$123.00; 我们使用getRowData ,getCell 方法取得的值是123.00。 创建通用的格式化函数

<script type="text/javascript">  

jQuery.extend($.fn.fmatter , {  

    currencyFmatter : function(cellvalue, options, rowdata) {  

    return "$"+cellvalue;  

}  

});  

jQuery.extend($.fn.fmatter.currencyFmatter , {  

    unformat : function(cellvalue, options) {  

    return cellvalue.replace("$","");  

}  

});  

</script>

具体使用:

jQuery("#grid_id").jqGrid({  

...  

   colModel: [   

      ...   

      {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter},  

      ...  

   ]  

...  

})

jqGrid 自定义格式化


jQuery("#grid_id").jqGrid({ ... colModel: [ ... {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter}, ... ] ... }); function currencyFmatter (cellvalue, options, rowObject) { // do something here return new_format_value } cellvalue:要被格式化的值

options:对数据进行格式化时的参数设置,格式为: { rowId: rid, colModel: cm}

rowObject:行数据

数据的反格式化跟格式化用法相似.
jQuery("#grid_id").jqGrid({

...

colModel: [

...

{name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter, unformat:unformatCurrency},

...

]

...

});

function currencyFmatter (cellvalue, options, rowObject)

{

return "$"+cellvalue;

}

function unformatCurrency (cellvalue, options)

{

return cellvalue.replace("$","");

}

表格中数据实际值为123.00,但是显示的是$123.00; 我们使用getRowData ,getCell 方法取得的值是123.00。 创建通用的格式化函数

<script type="text/javascript">

jQuery.extend($.fn.fmatter , {

currencyFmatter : function(cellvalue, options, rowdata) {

return "$"+cellvalue;

}

});

jQuery.extend($.fn.fmatter.currencyFmatter , {

unformat : function(cellvalue, options) {

return cellvalue.replace("$","");

}

});

</script>
具体使用:
jQuery("#grid_id").jqGrid({

...

colModel: [

...

{name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter},

...

]

...

})

9   搜索操作

 表格中所有的列都可以作为搜索条件。 

 所用到的语言包文件

 $.jgrid = {  

 ...  

    search : {  

      caption: "Search...",  

      Find: "Find",  

      Reset: "Reset",  

      odata : ['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain'],  

      groupOps: [ { op: "AND", text: "all" }, { op: "OR", text: "any" } ],  

      matchText: " match",  

      rulesText: " rules"  

    }

jQuery("#grid_id").jqGrid({  

...  

   colModel: [   

      ...   

      {name:, search:true, stype:'text', searchoptions:{dataInit:datePick, attr:{title:'Select Date'}} },  

      ...  

   ]  

...  

});  

datePick = function(elem)  

{  

   jQuery(elem).datepicker();  

}

需要说明的: 

所有的搜索都是使用url来到服务器端查询数据。 

当执行搜索时会用查询数据填充postData array 

发送到服务器端搜索字符串的名称为_search 

当点击刷新按钮时不会使用搜索条件 

每个搜索方法都有自己的数据清空方法 

搜索工具栏

自定义搜索

<div id="mysearch"></div>

jQuery("#mysearch").filterGrid('#grid_id',options);

10   配置json

 IE8,FF3以及Chrome 3已经支持JSON,配置:

 <!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="css/ui.jqgrid.css" />  

 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  

 <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>  

 <script type="text/javascript">  

     jQuery.jgrid.useJSON = true;  

 </script>  

 <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>  

 </head>  

 <body>  

 ...  

 </body>  

 </html>

 这段代码要放到语言包之后jqGrid.js文件之前。

 如果浏览器不支持JSON,那么我们只能用eval函数解析json。

 除了jqGrid本身提供对json的类库外,我们可以使用JSON.parse来处理JSON,配置如下:

 <!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="css/ui.jqgrid.css" />  

 <script src="js/json2.js" type="text/javascript"></script>  

 <script src="js/jquery-1.3.2.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>  

 <script type="text/javascript">  

    jQuery.extend(jQuery.jgrid,{  

       parse:function(jsstring) {  

          return JSON.parse(jsstring);  

       }  

    });  

 </script>  

 </head>  

 <body>  

 ...  

 </body>  

 </html>

11   参考文献

【01】http://blog.mn886.net/jqGrid/

12   版权

  • 感谢您的阅读,若有不足之处,欢迎指教,共同学习、共同进步。
  • 博主网址:http://www.cnblogs.com/wangjiming/。
  • 极少部分文章利用读书、参考、引用、抄袭、复制和粘贴等多种方式整合而成的,大部分为原创。
  • 如您喜欢,麻烦推荐一下;如您有新想法,欢迎提出,邮箱:2016177728@qq.com。
  • 可以转载该博客,但必须著名博客来源。

【Jquery系列】JqGrid参数详解的更多相关文章

  1. 【转】jqGrid 各种参数 详解

      [原文]http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.htmljqGrid 各种参数 详解 JQGrid JQGrid是一个 ...

  2. jqGrid APi 详解

    jqGrid APi 详解 jqGrid皮肤 从3.5版本开始,jqGrid完全支持jquery UI的theme.我们可以从http://jqueryui.com/themeroller/下载我们所 ...

  3. 触碰jQuery:AJAX异步详解

    触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML( ...

  4. jQuery Validate验证框架详解

    转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...

  5. $.ajax()方法所有参数详解;$.get(),$.post(),$.getJSON(),$.ajax()详解

    [一]$.ajax()所有参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注 ...

  6. jQuery调用AJAX异步详解[转]

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

  7. jQuery的deferred对象详解(一)

    最近一段时间,都在研究jquery里面的$.Deffered对象,几天都搞不明白,其中源码的运行机制,网上查找了相关的资料,<jQuery的deferred对象详解>阮一峰老师的文章,里面 ...

  8. 基于jQuery的TreeGrid组件详解

    一.TreeGrid组件相关的类 1.TreeGrid(_config) _config:json格式的数据,组件所需要的数据都通过该参数提供. 2.TreeGridItem(_root, _rowI ...

  9. 触碰jQuery:AJAX异步详解(转)

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

随机推荐

  1. 用ProxyFactoryBean创建AOP代理

    Spring的Advisor是Pointcut和Advice的配置器,它是将Advice注入程序中Pointcut位置的代码.org.springframework.aop.support.Defau ...

  2. TCP/UDP网络性能测试工具 - Netperf (zz) ..网络测试工具

    在构建或管理一个网络系统时,我们更多的是关心网络的可用性,即网络是否连通,而对于其整体的性能往往考虑不多. 除了netperf以外.       还有很多其它的网络性能测试工具.       如db, ...

  3. Mac OS X双系统变回虚拟机

    Mac OS X双系统变回虚拟机 自从装了双系统后,感觉不要太好,装了虚拟机就开始有工作的干劲了.不妙的是,我在Win7系统里并没有装office,用不了word文档就写不了笔记和总结.我不太想在Wi ...

  4. 为大家分享一个 Ajax Loading —— spin.js

    我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验. 今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以 ...

  5. sql 表分区使用

    如果你的数据库中某一个表中的数据满足以下几个条件,那么你就要考虑创建分区表了. 1.数据库中某个表中的数据很多.很多是什么概念?一万条?两万条?还是十万条.一百万条?这个,我觉得是仁者见仁.智者见智的 ...

  6. 虚拟机LVM扩容

    1.先在Vmware上,把虚拟机硬盘做扩展 2.现在打开虚拟机发现系统的磁盘空间已经扩了,但是硬盘分区可用空间没变,还是原来的30G [root@localhost ~]# fdisk -l Disk ...

  7. undefined reference to libiconv_open&#39;

    ext/iconv/.libs/iconv.o: In function `php_iconv_stream_filter_ctor': /home/king/php-5.2.13/ext/iconv ...

  8. gtd好文两篇收藏

    http://www.jianshu.com/p/bf5e8a9761f5 http://blog.sina.com.cn/s/blog_4e0f66b80100m73i.html

  9. HDU 2444:The Accomodation of Students(二分图判定+匹配)

    http://acm.hdu.edu.cn/showproblem.php?pid=2444 题意:给出边,判断这个是否是一个二分图,并求最大匹配. 思路:先染色法求出是否是一个二分图,然后再匈牙利求 ...

  10. Knockout.js, Asp.Net MVC and Bootstrap 前端设计

    原文地址:http://ddmvc4.codeplex.com/ 原文名称:Design and Develop a website using ASP.NET MVC 4, EF, Knockout ...