方法列表
| 方法 | 参数 | 描述 |
| loadData(parm) | parm: 1,Function过滤函数,或者分页数 2,Bool是否加载服务器数据 3,Object data | 加载数据,同名方法reload() |
| loadServerData(param, clause) | parm:ajax参数 clause:过滤函数 | 加载服务器数据 |
| toggleLoading(show) | show:显示或者隐藏 | 显示/隐藏加载层 |
| beginEdit(rowParm) | rowParm:rowid或者rowdata | 进入编辑状态 |
| cancelEdit(rowParm) | rowParm:rowid或者rowdata | 结束编辑 |
| addEditRow(rowdata) | 新设一个编辑行 | |
| submitEdit(rowParm) | 提交编辑 | |
| endEdit(rowParm) | 结束编辑 | |
| setWidth(width) | 设置宽度 | |
| setHeight(height) | 设置高度 | |
| enabledCheckbox() | 是否启用复选框 | |
| enabledFrozen() | 是否冻结列 | |
| enabledDetailEdit() | 是否启用明细编辑 | |
| enabledDetail() | 是否启用明细 | |
| enabledGroup() | 是否分组 | |
| deleteSelectedRow() | 删除选择的行 | |
| removeRange(rowArr) | 移除行集合 | |
| remove(rowParm) | 移除 | |
| deleteRange(rowArr) | 删除行集合 | |
| deleteRow(rowParm) | 删除行 | |
| updateCell(arg, value, rowParm) | arg: column index、column name、column、单元格value: 值rowParm:rowindex或者rowdata | 更新单元格 |
| addRows(rowdataArr, neardata, isBefore, parentRowData) | 增加行集合 | |
| move(from, to, isAfter) | 移动行 | |
| moveRange(from, to, isAfter) | 移动行集合 | |
| up(rowParm) | 上移 | |
| down(rowParm) | 下移 | |
| addRow(rowdata, neardata, isBefore, parentRowData) | 增加行 | |
| updateRow(rowDom, newRowData) | 更新行 | |
| setCellEditing(rowdata, column, editing) | 设置单元格为编辑状态 | |
| reRender(e) | 重新渲染 | |
| getData(status, removeStatus) | 获取数据 | |
| formatRecord(o, removeStatus) | 格式化数据 | |
| getUpdated() | 获取更新的数据 | |
| getDeleted() | 获取删除的数据 | |
| getAdded() | 获取新增的数据 | |
| getColumn() | 获取列 | |
| isTotalSummary() | 是否汇总 | |
| getColumns(columnLevel) | 获取列集合 | |
| changeSort(columnName, sortOrder) | 改变排序 | |
| changePage(ctype) | ctype:first|prev|next|last|input | 改变分页 |
| getSelectedRow() | 获取选择行 | |
| getSelectedRows() | 获取选择行集合 | |
| getRow(rowid) | 获取行 | |
| toggleCol(columnparm, visible, toggleByPopup) | 显示隐藏列 | 切换列 |
| setColumnWidth(columnparm, newwidth) | 设置列宽 | |
| changeHeaderText(columnparm, headerText) | 改变表头 | |
| changeCol(from, to, isAfter) | 改变列的位置 | |
| collapseDetail(rowParm) | 收缩明细框 | |
| extendDetail(rowParm) | 展开明细框 | |
| getParent(rowParm) | 获取父节点数据 | |
| getChildren(rowParm, deep) | rowParm:行参数,rowid或者rowdata deep:递归加载 | 获取子节点数据 |
| isLeaf(rowParm) | 是否叶节点 | |
| hasChildren(rowParm) | 是否包括子节点 | |
| appendRange(rows, parentdata, neardata, isBefore) | 附加行集合 | |
| appendRow(rowdata, parentdata, neardata, isBefore) | 附加行 | |
| upgrade(rowParm) | 升级(树) | |
| demotion(rowParm) | 降级(树) | |
| collapse(rowParm) | 收缩(树) | |
| expand(rowParm) | 展开(树) | |
| toggle(rowParm) | 收缩/展开(树) | |
| select(rowParm) | 选择行 | |
| unselect(rowParm) | 取消选择行 | |
| isSelected(rowParm) | 是否已经选择 | |
| enabledTotal() | 是否启用汇总 | |
| add() | 增加行(同addRow方法) | |
| update() | 更新行(同updateRow方法) | |
| append() | 附加行(同appendRow方法) | |
| getSelected() | 获取选择行(同getSelectedRow方法) | |
| getSelecteds() | 获取选择行集合 (同getSelectedRows方法) | |
| reload() | 重新加载 (同loadData方法) | |
| setParm(name,value) | 设置ajax参数 | |
| removeParm(name) | 移除ajax参数 | |
| getChanges() | 获取更改过的数据 | |
| collapseAll() | 收缩全部 | |
| expandAll() | 展开全部 | |
| showFilter() | 显示高级过滤 | |
| endEditToNext() | 编辑状态下进入下一个编辑位置 | |
| getColumnByName() | 根据column name 获取column |
updateCell(arg, value, rowParm)方法 示例：
1 function f_initGrid() 2 { 3 window['g'] = 4 manager = $("#maingrid").ligerGrid({ 5 columns: [ 6 { display: '单价', name: 'UnitPrice', width: 100, type: 'float', editor: { type: 'int' } }, 7 { display: '数量', name: 'Quantity', width: 100, type: 'int', editor: { type: 'int'} }, 8 { display: '金额', name: 'Price', width: 100, type: 'int'} 9 ], 10 enabledEdit: true, usePager: false, isScroll: false, onAfterEdit: f_onAfterEdit, 11 data: { Rows: data }, 12 width: '100%' 13 }); 14 } 15 function f_onAfterEdit(e) 16 { 17 manager.updateCell('Price', e.record.UnitPrice * e.record.Quantity, e.record); 18 }
updateRow(rowDom, newRowData)方法 示例：
1 function updateRow() 2 { 3 var selected = manager.getSelected(); 4 if (!selected) { alert('请选择行'); return; } 5 manager.updateRow(selected,{ 6 UnitPrice: 40, 7 Quantity: parseInt($("#txtQuantity").val()) 8 }); 9 }
setColumnWidth(columnparm, newwidth)方法 示例：
1 var g = $("#maingrid4").ligerGrid(...); 2 g.setColumnWidth('City1', value);
add()方法 示例：
1 manager.add({ 2 DepartmentID: 3, 3 DepartmentName: '销售部', 4 RealName: "分为" + newrowid, 5 ID: newrowid++, 6 Sex : 1, 7 Age : 25, 8 IncomeDay: new Date(1306108800000), 9 Phone : "2343434", 10 Address: "wwrere4" 11 }, row, document.getElementById("chkbefore").checked);
endEditToNext()方法 示例：
1 <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab"> 2 <div tabid="home" title="我的主页" lselected="true" style="height: 300px"> 3 <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div> 4 </div> 5 <div title="我的主页3" showclose="true"> 6 <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div> 7 </div> 8 <div title="我的主页4" showclose="true"> 9 <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div> 10 </div> 11 </div> 12 <br /> 13 <div class="liger-button" data-click="f_setHeader">改变标题</div> 14 15 <script> 16 17 function f_setHeader() 18 { 19 var tab = liger.get("navtab1"); 20 tab.setHeader("home", "改变了文本"); 21 } 22 </script>
getColumnByName()方法 示例：
1 <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab"> 2 <div tabid="home" title="我的主页" lselected="true" style="height: 300px"> 3 <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div> 4 </div> 5 <div title="我的主页3" showclose="true"> 6 <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div> 7 </div> 8 <div title="我的主页4" showclose="true"> 9 <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div> 10 </div> 11 </div> 12 <br /> 13 <div class="liger-button" data-click="f_setHeader">改变标题</div> 14 15 <script> 16 17 function f_setHeader() 18 { 19 var tab = liger.get("navtab1"); 20 tab.setHeader("home", "改变了文本"); 21 } 22 </script>