`
ljl_xyf
  • 浏览: 636618 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery easyui datagrid 动态改变url地址中的参数值

 
阅读更多
  1. 方法一:(改变后加载当前页面内容)

 

//第一次设定

$('#telGrid').datagrid({
        url:'p_n_list.php?act=getAjax_list&s_key=400电话 &website=http://www.my400800.cn ',
        nowrap: false,
        striped: true,
        collapsible:true,
        pagination:true,
        rownumbers:true,
        pagination:true,
        toolbar:[{
                text:'新增',
                iconCls:'icon-add',
                handler:function(){
                    //$('#btnsave').linkbutton('enable');
                    //alert('add')
                    addRow();
                }
            },'-',{
                text:'修改'
                ,
                handler:function(){
                    updateRow();
                  
                }
            },'-',{
                text:'删除',
                iconCls:'icon-remove',
                handler:function(){
                 
                    getSelections();
                }
            },'-',{
                text:'查询',
                iconCls:'icon-search'
                ,
                handler:function(){
                    $('#searchW').window({
                        title: '设定查询条件',
                        width: 300,
                        modal: true,
                        shadow: false,
                        closed: false,
                        height: 200,
                        close:function(){
                            alert('data');
                        }
                    });
                }
            }]
    });

 

 

 

  $('#telGrid').datagrid('reload', {
            s_key :800电话
        });

 

 

 

 

方法2:

$('#telGrid').datagrid({url:'http://www.my400800.cn ',   
queryParams:{s_key:'400 ',website:'http://www.my400800.cn/LianXiWoMen.html'}
});

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    - 在`aa1`列的`onSelect`事件中,获取当前选中的行和行号,然后找到对应的第二级combobox,清除原有数据并重新加载数据,这里的`url`会根据第一级选中的值动态改变。 - 同样的逻辑也应用在`bb1`列的`onSelect`事件...

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    JqueryEasyUI DataGrid例子

    综上所述,这个 JqueryEasyUI DataGrid 示例展示了如何使用前端框架与后端服务器配合,实现一个功能完备的表格应用。在实际开发中,开发者可以根据需求调整 DataGrid 的配置项,以及后台 Servlet 的逻辑,以适应各种...

    jquery easyui datagrid 教程

    jQuery EasyUI Datagrid 是一个基于 jQuery 和 EasyUI 框架的数据网格组件,它提供了丰富的数据展示和操作功能,常用于构建数据密集型的Web应用。这个教程将深入讲解其核心概念、用法以及常见应用。 一、jQuery ...

    jquery easyui datagrid demo 详解

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列丰富的组件,使得开发者可以轻松构建用户界面,而 Datagrid 是其中非常重要的一个组件,常用于数据展示和管理。本篇文章将详细解析 jQuery EasyUI ...

    easyui DataGrid动态编辑

    在本文中,我们将深入探讨EasyUI的DataGrid组件如何实现动态编辑功能。EasyUI是一个基于jQuery的前端框架,它提供了一系列轻量级、易于使用的UI组件,DataGrid就是其中之一,常用于展示和管理表格数据。 DataGrid是...

    jQuery easyui datagrid动态查询数据实例讲解

    本文详细讲解了如何使用jQuery easyui datagrid组件进行动态查询数据的过程。具体来说,文章将从前端界面接受查询条件,通过后端PHP代码与MSSQL数据库交互,并返回JSON格式的数据展示在easyui datagrid中。这个过程...

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    在使用EasyUI框架进行前端开发的过程中,可能会遇到dataGrid组件在数据为空时列显示不完整的问题。这不仅影响用户体验,也降低了系统的可用性。本文将详细介绍如何解决当dataGrid列较多且无数据显示不全的情况,并...

    在jquery easyui中的datagrid中添加searchbox!

    在jQuery EasyUI中,`datagrid`是一个非常常用的组件,它用于展示数据表格,具有丰富的功能和良好的用户体验。而`searchbox`则是为了增强`datagrid`的搜索功能,让用户能够更方便地查找表格中的特定数据。在标题和...

    easyui的datagrid生成合并行,合计计算价格

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建用户界面。在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现...

    easyui datagrid 分页查询样例

    首先,EasyUI Datagrid的核心在于其强大的数据绑定能力,它可以与JSON或XML格式的数据源进行交互,通过配置列定义、分页参数等,实现动态加载数据并展示在表格中。在分页查询中,Datagrid通常会通过Ajax请求向服务器...

    easyui datagrid 导出到excel

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。"EasyUI Datagrid 导出到Excel"这一主题涉及的是如何将EasyUI Datagrid中的数据显示在Excel表格中,...

    datagrid 多表头及动态生成的实现

    本篇文章将详细介绍如何使用JQuery EasyUI插件中的datagrid组件实现多表头以及动态生成表格的功能。 #### 技术背景 - **JQuery EasyUI**:是一款基于jQuery的UI工具包,用于简化网页界面的开发。它提供了多种用户...

    jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据

    本文介绍了如何在 jQuery Easyui DataGrid 中实现点击某个单元格后,该单元格即可进入编辑状态,当用户编辑完数据并把焦点移开该单元格时,所编辑的数据自动保存的功能。 知识点一:DataGrid 初始化与配置 要使用 ...

    jQuery EasyUI的api

    - **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展,提供了如`datagrid`(数据网格)、`panel`(面板)、`dialog`(对话框)等丰富的UI组件。 2. **组件的使用**: - **初始化组件**: 使用`$(selector)....

    jquery-easyui-datagrid

    2. **配置选项**: `options` 中常见的参数有 `columns`(定义列)、`url`(数据源地址)、`pagination`(是否开启分页)、`fit`(是否自适应容器宽度)等。 3. **数据绑定**: 通过 `loadData` 方法或者在初始化时...

    jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

    在jQuery EasyUI中,datagrid是一个常用的组件,用于展示表格数据并提供各种操作功能。在实际应用中,我们可能需要在用户翻页后仍然保持选择的行的状态,即记录被选中的行。这个问题可以通过监听datagrid的事件和...

    easyui的datagrid中editor和combogrid的结合使用

    ### easyui的datagrid中editor和combogrid的结合使用 #### 一、easyui简介及datagrid功能概述 easyUI是一个基于jQuery的用户界面插件集合,它提供了丰富的UI组件,帮助开发者快速创建交互式Web应用。其中,...

    jQuery EasyUI中文手册

    《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...

    C# MVC4 easyui datagrid expand row

    在本文中,我们将深入探讨如何在C# MVC4框架下使用jQuery EasyUI的DataGrid实现行展开功能。标题“C# MVC4 easyui datagrid expand row”表明我们要讨论的重点是利用EasyUI的数据网格组件实现一个可展开行的功能,这...

Global site tag (gtag.js) - Google Analytics