`
xiaoyayaday
  • 浏览: 15402 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jqgrid之改变请求参数

阅读更多
最近在寻找一个好用的表格插件,网上查询了半天发现用jquery实现的jqgrid插件做出来的效果挺不错,于是学习了一下。

具体使用就不讲了,网上都有。

我需要用到的一个功能就是级联表格刷新,因此需要动态的改变请求参数。查看文档,找资料,终于搞定。
function reLoadData(){
	jQuery("#list").jqGrid('setGridParam',
			{
				postData:{'paramName':'paramValue'}
			}).trigger('reloadGrid');  
  }  


简单讲解一下:
  jqgrid里的方法调用的主要方式为:
    1.$("#grid_id").jqGridMethod( parameter1,...,parameterN );
    2.$("#grid_id").jqGrid('method', parameter1,...,parameterN );
  这里用到的是第二种。

  方法“setGridParam”可以改变表格里面的参数,而参数postData的类型为数据类型,其作用就是把数组内容作为URL请求参数附加到URL后面去。然后调用trigger('reloadGrid'),便会使用新的参数去发出请求。



分享到:
评论

相关推荐

    jqgrid分页参数

    ### jqGrid 分页参数详解 #### 一、引言 在Web应用开发中,数据展示是必不可少的一个环节。为了提供更好的用户体验以及优化服务器资源利用,前端分页技术得到了广泛的应用。其中,`jqGrid`是一款非常受欢迎的jQuery...

    jqgrid_codeigniter_library

    在控制器中,需要处理AJAX请求,根据`jqGrid`的请求参数返回相应的数据。 8. **自定义行为**:开发者可以利用`jqGrid`的扩展性,添加自定义按钮、编辑行功能,或者实现复杂的筛选和验证逻辑。 9. **版本兼容**:...

    jqGrid_api中文文档

    这意味着可以通过jquery UI ThemeRoller来下载或创建主题,并应用于jqGrid以改变其外观和风格。安装所需的主题后,只需要引入核心的css文件“ui.theme.css”和“ui.core.css”。 4. jqGrid的安装 安装jqGrid相对...

    jqGrid_php

    - `jq-config.php` 是 jqGrid 的配置文件,其中包含了与服务器通信的设置,例如 URL、请求参数等。 - `READMEPHP.TXT` 通常包含项目说明、使用方法和注意事项。 - `themes` 文件夹可能包含了 jqGrid 的自定义主题...

    jqGrid demo (完整版)

    开发者可以根据需求修改 CSS 来改变 jqGrid 的视觉效果。 6. **jqGrid 插件** "plugins" 文件夹可能包含 jqGrid 的扩展插件,这些插件提供了额外的功能,比如增强的搜索选项、行选择方式等。通过引入和初始化这些...

    jqgrid行编辑+动态为其他列赋值

    4. 如果需要动态改变列的显示,可以利用`formatCell`或`beforeEditCell`事件,在单元格被编辑之前调整其内容或行为。 5. 对于后台处理,文件"后台获取列的json对象.txt"可能包含了服务器返回的列定义或数据,这可能...

    table表格样式利用jqgrid实现

    你可以通过`url`参数设置数据来源,jqGrid会自动向指定URL发起请求获取数据。例如: ```javascript url: '/data.php', datatype: 'json', ``` 这里的`datatype`可以是'json'、'xml'或其他格式,根据服务器返回的...

    JqGrid 纯Json自带分页功能

    当用户改变分页或筛选条件时,JqGrid会自动发送新的请求,服务器只需返回对应页的数据即可。 通过这种方式,JqGrid的纯JSON分页功能可以有效地减少数据库负载,提高页面加载速度,同时提供流畅的用户体验。在实际...

    jqGrid插件--JQuery表格插件

    8. **样式与主题**:jqGrid支持自定义CSS样式,可以改变表格外观以匹配网站风格。默认提供了几种内置主题,也可以通过`ui.jqgrid.css`文件进行修改。 9. **插件扩展**:jqGrid有丰富的插件系统,如`subgrid`用于...

    $("#list").jqGrid('clearGridData');

    2. 分页操作:在切换页码或改变每页显示数量时,先清空当前页数据,再根据新的参数获取新页面的数据。 3. 搜索或过滤操作:用户更改搜索条件后,清除之前显示的记录,以便显示与新条件匹配的行。 4. 表单提交或...

    jqGrid所需js和css

    3. **初始化jqGrid**:使用JavaScript编写代码来初始化jqGrid,设置数据源、列定义、分页参数等。 例如: ```html <table id="jqGrid"> ``` ```javascript $(document).ready(function () { $("#jqGrid").jqGrid({...

    jqgrid的tree实例

    例如,`colModel`定义列名和宽度,`prmNames`设置请求参数名,`loadComplete`或`gridComplete`事件可用于数据加载后的自定义处理。 5. **展开/折叠节点**:jqGrid提供`expandRow`和`collapseRow`方法来手动控制节点...

    jqGrid帮助文档

    #### 三、jqGrid参数详解 **3.1 基本参数** - **url**: 获取数据的URL。 - **datatype**: 从服务器端返回的数据类型,默认为XML,支持多种类型(XML、JSON、JSONP等)。 - **mtype**: AJAX请求方式(POST或GET),...

    jqGrid属性中文详细说明.doc

    - **用途**:用于改变交替行的视觉效果,例如更改背景颜色或字体样式等。 **4. altRows** - **参数值类型**:Boolean - **描述内容**:设置是否启用斑马线样式(即是否让表格的每行之间颜色不同)。 - **默认值**...

    jqGrid_5.3.1

    通过配置请求参数和回调函数,开发者可以灵活控制数据的获取和处理过程。 2. **表格功能**: - **数据展示**:jqGrid支持多列、多行数据展示,可自定义列宽、排序、分页、搜索等。 - **编辑功能**:提供单元格、...

    Struts2JQGrid java版本分页

    6. 交互处理:前端使用JQGrid提供的API进行事件监听,如页码改变、排序等,发送Ajax请求到后端Action。 通过这种方式,开发者可以快速构建出具有强大数据展示和管理功能的Web应用。值得注意的是,在实际开发过程中...

    jqgrid + bootstap

    在实际应用中,开发人员需要了解如何配置 jqGrid 的参数,如定义列、设置数据源、处理服务器端的请求等。同时,理解 Bootstrap 的栅格系统和类选择器也是关键,以便更好地整合 jqGrid 到 Bootstrap 布局中。此外,...

    jqgrid_demo

    通过设置URL和请求参数,JQGrid可以从服务器获取数据并自动填充到表格中,实现了前后端数据的无缝对接。 2. **表格展示** JQGrid可以创建响应式布局的表格,支持自定义列宽、列头、行样式以及行高。用户可以根据...

    jqGrid实例demo

    通过更改CSS样式,可以改变表格的外观和交互效果。 通过"jqGrid实例demo"中的代码,我们可以深入理解jqGrid的工作原理和使用方法,从而在实际项目中更有效地利用它来展示和管理数据。同时,这也是一个很好的起点,...

Global site tag (gtag.js) - Google Analytics