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

jquery databtable editable 如何切换ajax Source

阅读更多


"fnServerData": function ( sSource, aoData, fnCallback ) {
    aoData.push( { "name": "table", "value": "wordforms" } );
        $.ajax( {
            "dataType": 'json',
            "url": sSource,
            "data": aoData,
            "success": fnCallback
            } );
}


"fnServerData": function ( sSource, aoData, fnCallback ) {
/* Add some extra data to the sender */
aoData.push( { "name": "more_data", "value": "my_value" } );
$.getJSON( sSource, aoData, function (json) {
/* Do whatever additional processing you want on the callback, then tell DataTables */
fnCallback(json)
} );
}



ReloadAjax, same source URL, different POST parameters
对于仅使用jq.datatable version >1.8.2 及jq.jeditable ,可以使用fnReloadAjax(url?param=newValue)
对于使用jq.datatable.editable的,因为这个插件是用的jq.datatable version 1.7.5,所以有许多新版功能还没有实现。所以要实现更改ajax source的参数,就需要用到
"fnServerData": function ( sSource, aoData, fnCallback ) {
    aoData.push( { "name": "table", "value": param } );
        $.ajax( {
            "dataType": 'json',
            "url": sSource,
            "data": aoData,
            "success": fnCallback
            } );
}
在外部的button或者select里更改param的值后调用oTable.fnDraw();
在服务器端要得到参数,只需要getParam("table");   参数名字就是在aoData里name的值。
分享到:
评论

相关推荐

    jquery.editable-select

    jQuery 是一个广泛使用的 JavaScript 库,简化了 DOM 操作、事件处理、动画以及Ajax交互。`jquery.editable-select` 就是建立在 jQuery 之上,因此在使用前需要确保页面中已经引入了 jQuery。 2. **选择器的增强**...

    jquery-editable、jqueryUI-editable

    **jQuery Editable与jQuery UI Editable插件详解** 在网页开发中,为了提供更好的用户体验,交互式的元素变得越来越重要。jQuery Editable和jQuery UI Editable是两个非常实用的JavaScript插件,它们允许用户直接在...

    jquery.editable-select插件使用案例

    此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。

    select选择框控件jquery-editable-select支持编辑输入

    jQuery Editable Select 是一个轻量级且高度可定制的插件,基于流行的JavaScript库jQuery构建。它提供了一个交互式的解决方案,使传统的静态下拉列表变得可编辑,用户可以直接在选择框内输入或修改选项,增强了用户...

    jquery.editable-select.min的css与js

    《jQuery Editable Select:构建可输入可实时查询的下拉选择框》 在网页开发中,下拉选择框(dropdown)是一种常见的用户交互元素,它为用户提供了一种从预定义选项中选择的方式。然而,传统的HTML `<select>` 元素...

    下拉菜单jquery.editable-select-master

    《深入解析jQuery.editable-select-master下拉菜单插件》 在网页开发中,下拉菜单是一种常见的交互元素,用于提供用户选择操作或展示大量数据。jQuery.editable-select-master是一款基于jQuery的可编辑下拉菜单插件...

    jquery.editable

    《jQuery.editable:可编辑的Select框》 在Web开发中,我们经常遇到需要用户能够直接在页面上编辑数据的情况,比如下拉选择框(Select)中的选项。jQuery.editable库正是为此目的而设计的,它允许用户直接在Select...

    jquery-editable-select:一个简单的jQuery插件,可将选择转换为带有建议的文本字段

    jQuery可编辑选择 jQuery Editable Select是一个jQuery插件,可将选择转换为输入字段,根据输入的字符实时显示单个元素。 当javascript不可用时,它会按比例缩小到实际的选择列表。演示版在此处查看演示: : 安装从 ...

    jQuery插件editable

    1. **自定义后端处理**:虽然editable插件默认使用前端保存,但也可以结合Ajax调用后端API来实现服务器端的数据保存。 2. **验证与错误处理**:可以通过自定义事件来添加输入验证,确保用户输入的数据格式正确。 3...

    可编辑的select下拉框

    安装`jQuery Editable Select`插件非常简单,首先需要在项目中引入jQuery库,然后下载`jquery-editable-select`压缩包。在这个名为`jquery-editable-select-master`的压缩包中,通常包含以下文件: 1. `dist/`目录...

    select下拉框插件jquery.editable-select详解

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-editable-select@1.7.0/dist/jquery.editable-select.min.css"> <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> ...

    jquery.editable:jQuery插件,允许您编辑文本并获取旧值和新值

    **jQuery Editable 插件详解** `jQuery Editable` 是一个功能强大的JavaScript插件,它为网页中的文本元素提供了可编辑的功能。用户可以直接在页面上修改文本内容,并且能够捕获旧值(原始数据)与新值(修改后的...

    jquery-editable-select插件

    **jQuery Editable Select 插件详解** 在网页开发中,我们常常会遇到需要用户选择一个或多个选项的情况,这时下拉列表(select)是常见的交互元素。然而,标准的HTML select元素功能相对有限,不能满足一些高级交互...

    bootstrap可编辑下拉框jquery.editable-select

    Bootstrap可编辑下拉框jQuery.editable-select是一款增强型的下拉选择组件,它允许用户在下拉列表中直接编辑文本,并提供了丰富的自定义选项。这个组件基于流行的前端框架Bootstrap和JavaScript库jQuery,使得在Web...

    jquery editable plugin--点击编辑文字插件

    2. **初始化插件**:通过jQuery选择器找到要使其可编辑的元素,然后调用插件方法进行初始化,如`$('element').editable(options);`,`options`是配置参数,用于定制插件行为。 3. **配置选项**:插件通常接受各种...

    jquery.editable.lite.js:就地编辑JQuery插件

    JQuery Editable Lite插件 可以将HTML元素转换为可编辑文本字段的插件非常丰富,但是我发现其中大多数插件都很肿。 该插件的构建与在某种程度上与API兼容,但又轻巧又简单。 特征 支持文本区域字段和单行文本字段 ...

    实现可编辑的select

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。而Editable Select插件则是基于jQuery的,用于将普通的`select`元素转换为可编辑的下拉列表。 **Editable Select插件的使用步骤**: 1...

Global site tag (gtag.js) - Google Analytics