`

jqgrid的简单操作

 
阅读更多
//将选中的记录转换成ID数组
getSelectedIds: function (jqGrid){
    var ids = jqGrid.jqGrid("getGridParam", "selrow");
    return ids;
},
//将选中的记录转换成ID数组
getSelectedId: function (jqGrid){
    var id = jqGrid.jqGrid("getGridParam", "selrow");
    return id;
},
getSelectedIndex: function(jqGrid){
    var id = jqGrid.jqGrid("getGridParam", "selrow");
    var ids = jqGrid.jqGrid("getDataIDs");
    var index = $.inArray(id, ids);
    return index;
},
getIndexId: function(jqGrid, index){
    var ids = jqGrid.jqGrid("getDataIDs");
    if(ids.length == 0 || ids.length < index) return;
    return ids[index];
},
//获取选中的行,并且只能是一行
getSelectedOne: function(jqGrid){
    var id = this.getSelectedIds(jqGrid);
    if(!id) {
        return;
    }
    return jqGrid.jqGrid('getRowData', id);
    //if (ids.length == 1) {
    //    var obj = jqGrid.jqGrid('getRowData', ids[0]);
    //    return obj;
    //} else if(ids.length == 0) {
    //    alert("请选择行!");
    //    return null;
    //} else {
    //    alert("请选择一行数据!");
    //    return null;
    //}
},
//获取选中的行
getSelected: function (jqGrid){
    var rows = [];
    var dataIds = this.getSelectedIds(jqGrid);
    if(!dataIds) return;
    for (var i = 0, len = dataIds.length; i > len; i++) {
        var id = dataIds[i];
        var row = jqGrid.jqGrid("getRowData", id);
        rows.push(row);
    }
    return rows;
},
// 根据索引选中行
setSelection: function(jqGrid, index) {
    var ids = jqGrid.jqGrid("getDataIDs");
    if(ids.length <0 || ids.length<index){
        return;
    }
    jqGrid.jqGrid('setSelection', ids[index]);
},
/**
* 获取grid的数据
*/
getData: function (jqGrid){
    var rows = [];
    for (var dataIds = jqGrid.jqGrid("getDataIDs"), i = 0, len = dataIds.length; i < len; i++) {
        var id = dataIds[i];
        var row = jqGrid.jqGrid("getRowData", id);
        rows.push(row);
    }
    return rows;
},
//根据grid的列的值,和所对应的value,来获取行数据
addGridRow: function(jqGrid, datarow){
    var result = jqGrid.jqGrid("addRowData", datarow);
    return result;
},
deleteGrid: function(jqGrid, url) {
    var ids = Public.getGridIds(jqGrid);
    if (ids) {
        Public.ajax({
            url: base + url,
            loading: '正在删除中...',
            data: {ids: ids},
            success: function(data){
                if(data.type && data.type == "SUCCESS"){
                    alert('删除成功');
                    f_reload();
                }else{
                    alert(data.content, function () {
                    });
                }
            },
            error: function(message){
                alert(message);
            }
        });
    } else {
        alert('请选择行!');
    }
},
reloadData: function(jqGrid, param) {
    //this.markRow = [],
    jqGrid.jqGrid("setGridParam", {
        url: baseModalURL,
        datatype: "json",
        postData: param
    }).trigger("reloadGrid");
},
insertRow: function(table, row, index){
    var data = table.data();
    table.clear();
    data.splice(index, 0, row);
    table.rows.add(data).draw();
}
分享到:
评论

相关推荐

    jqGrid简单案例之API

    在“jqGrid简单案例之API”中,我们将探讨如何利用jqGrid的基本功能和API来构建一个前端与后端交互的小型示例。首先,我们需要了解jqGrid的HTML结构,通常包括一个div元素作为容器,并在其中定义表格ID。例如: ```...

    jqGrid简单示例

    **jqGrid简单示例** jqGrid是一款非常流行的JavaScript表格插件,它允许用户在网页上创建功能丰富的数据网格,支持多种操作,如排序、筛选、分页和编辑。本示例是一个基于简单JSON数据类型的jqGrid完整项目,适用于...

    jqgrid中文文档API

    换句话说,jQgrid可以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户端数据传回给服务器端。jQgrid使用ajax来实现对请求与响应的处理。 皮肤 从3.5版本开始,jQgrid完全支持jquery UI的theme。我们...

    jqGrid_api中文文档

    安装jqGrid相对简单,需要将相应的css和js文件加入到页面中。官网文档提供了详细的目录结构和页面写法示例,例如: - 将css文件如“ui.jqgrid.css”和“jquery-ui-1.7.2.custom.css”放置在项目的/css目录下。 - ...

    jqGrid完整实例

    jqGrid是一款功能强大的JavaScript表格插件...无论是简单的数据展示还是复杂的交互操作,jqGrid都能为你提供强大而灵活的支持。在实践中不断探索,你会发现更多jqGrid的实用技巧和隐藏功能,提升你的前端数据管理能力。

    关于jqGrid中查询功能

    当用户触发查询操作时,jqGrid会以POST方式向服务器发送请求,携带两个关键参数:“_search”和“filters”。其中,“_search”的值为“true”表明这是一个查询请求,而“filters”则包含了具体的查询条件。 ...

    jqGrid dome asp.net

    这个"jqGrid ASPNET_3_8_1_0"示例可能包含了一个简单的 ASP.NET Web Forms 或 MVC 项目,展示了如何设置 jqGrid,如何处理服务器端的数据请求,以及如何展示和编辑数据。通过研究这个示例,开发者可以学习到如何将 ...

    jqGrid 各种参数详解

    总的来说,jqGrid 提供了一个强大的工具集,使得在Web应用中展示和操作表格数据变得简单。开发者可以通过调整参数和监听事件来实现丰富的功能,同时利用 AJAX 实现无刷新的数据交互,提高用户体验。在实际开发中,...

    jqGrid详解及高级应用

    3. 简单的配置方式:尽管功能强大,但jqGrid的配置和使用相对简单,无需复杂编码即可快速搭建数据表格。 4. 加载大数据集的能力:支持分页功能,能够轻松处理大量数据集,提高网页性能。 5. 列宽可调整:用户可以...

    jqGrid.CHM.zip

    它基于jQuery库,提供了丰富的特性和配置选项,使得数据的展示、排序、筛选、编辑等操作变得简单易行。CHM文件是Windows平台下的帮助文件,通常包含了详细的技术文档和教程。 在"jqGrid.CHM"这个压缩包中,我们可以...

    jqGrid for ASP.NET 4.0

    jQuery简化了DOM操作,使得在客户端实现动态数据更新变得简单。 3. **CRUD操作**:jqGrid支持基本的数据库操作,如创建(Create)、读取(Read)、更新(Update)和删除(Delete)。这使得用户可以直接在网格中编辑...

    html+jqgrid,

    在这个简单的应用中,jQGrid可以直接在客户端显示数据,而无需依赖后端服务器或数据库。 首先,我们来详细了解一下jQGrid的核心特性: 1. **数据展示**:jQGrid能够以表格形式展示大量数据,支持多列,每列可以有...

    jqGrid3.6中文文档

    安装 jqGrid 很简单,只需要将相关的 CSS 和 JavaScript 文件添加到网页中。基本的目录结构包括 `css` 和 `js` 文件夹,分别存放样式表和脚本文件。例如,你需要引入 jqGrid 的 CSS、jQuery UI CSS、jQuery 库和 ...

    jqGrid手册教程一本通

    jqGrid是一款基于jQuery开发的插件,它主要用于在网页上实现数据的动态展示和操作。它能够将服务器端的数据以表格的形式展现给用户,并提供了丰富的功能,如数据的增删改查、排序、搜索等。 首先,我们需要理解...

    jqGrid 3.6

    4. 搜索与过滤:搜索功能允许用户根据指定条件查找数据,可以设置简单的文本搜索,也可以使用高级搜索,支持多种逻辑运算符和比较操作。 5. 子网格(Subgrid):jqGrid 支持子网格功能,即在一个表格行下展开另一个...

    JQGrid系列教程 代码

    通过`filterToolbar`或`searchGrid`方法,可以实现简单的文本搜索或复杂的条件搜索。 7. **编辑与添加数据** JQGrid提供了行内编辑、弹出式编辑和添加数据的功能。`editGridRow`和`addGridRow`方法用于启动编辑和...

    jquery.jqGrid-4.4.5

    《jQuery.jqGrid-4.4.5:高效前端数据管理解决方案》 jQuery.jqGrid是基于jQuery的一个强大且功能丰富的Web数据网格组件,版本4.4.5是其历史...无论是简单的数据展示还是复杂的业务操作,jqGrid都能提供强有力的支持。

    jqGrid 4.1 示例(二)

    在jqGrid 4.1版本中,它提供了丰富的功能,包括数据的添加、删除和更新操作,这些操作可以通过JSON这种轻量级的数据交换格式来实现。本示例将深入探讨如何使用jqGrid与WCF服务(Windows Communication Foundation)...

    jqGrid 演示最新版 jqgrid 4.4, jQuery 1.8.0, jQuery-ui 1.8.23

    - **删除记录**:通过简单的操作即可删除选定的记录,并且可以进行确认提示,防止误操作。 - **列管理**:允许用户自定义显示哪些列,以及列的宽度和顺序。 - **导出数据**:可以将表格数据导出为CSV、Excel或PDF...

    自己写得一个简单的jqgrid 例子

    这个简单的 jqGrid 实例旨在展示如何使用 jqGrid 来创建一个基本的数据展示页面。 **HTML 结构** 在 `MyHtml.html` 文件中,我们通常会看到一个基本的 HTML 结构,其中包含 jqGrid 需要的表格元素和 JavaScript ...

Global site tag (gtag.js) - Google Analytics