jqgrid技巧：数据提示与操作方法

"jqgrid总结" jqGrid是一款强大的JavaScript组件，用于创建交互式的数据表格。它提供了丰富的功能，如分页、排序、过滤、编辑等，使得在网页上展示和操作大量数据变得简单。以下是对jqGrid的一些关键知识点的详细解释： 1. 无结果提示：在使用jqGrid进行数据检索时，如果没有找到匹配的记录，默认情况下不会显示任何提示。要解决这个问题，可以利用`loadComplete`事件来检查加载的数据数量。如果`records`参数的值小于或等于0，表示没有数据，此时可以弹出提示信息。示例代码如下： ```javascript loadComplete: function(xhr) { var rowNum = parseInt($(this).getGridParam("records"), 10); if (rowNum <= 0) { alert("没有符合条件的记录！"); } } ``` 2. 获取选中行的ID：jqGrid提供了一个方法来获取当前选中的行的ID。通过调用`getGridParam`并传入"selrow"作为参数，可以得到选中行的ID。示例代码如下： ```javascript var rowid = $("#searchResultList").getGridParam("selrow"); ``` 3. 动态增加数据行：要向jqGrid表格中添加新行，可以使用`addRowData`方法。该方法需要指定行ID、数据对象、插入位置和可选的索引。例如，要在表格开头添加一行数据，可以这样写： ```javascript $("#jqgrid").addRowData("1", {"name": "test", "age": 12}, "first"); ``` 其中，"1"是新行的ID，"test"和12分别是"name"和"age"列的值，"first"表示在所有现有行之前插入。 4. 动态修改行数据：若需修改表格中某行的数据，可以使用`setRowData`方法。传入要修改的行ID和一个包含新值的对象。例如，要修改ID为1的行的"tax"和"total"列，可以这样做： ```javascript $("#jqgrid").setRowData("1", {tax: "5", total: "205"}); ``` 5. jqGrid的常用属性：jqGrid有许多可配置的属性，以适应不同的需求。例如： - `url`：设置数据源的URL。 - `datatype`：指定数据类型，如"json"、"xml"等。 - `colModel`：定义列的配置，包括列名、宽度、可编辑性等。 - `pager`：设置分页栏的ID。 - `sortname`：默认排序的列名。 - `sortorder`：默认排序顺序，如"asc"或"desc"。 - `rowNum`：每页显示的行数。 - `viewrecords`：是否显示总记录数。 - `multiselect`：是否启用多选功能。 - `editurl`：编辑操作的URL。 以上是jqGrid的一些基本操作和常见属性，实际上，jqGrid还支持更复杂的功能，如自定义编辑器、行内编辑、行选择模式、数据格式化、本地化等，可以根据实际项目需求灵活配置和使用。