如何将自定义服务器端过滤器添加到数据表

Boydenhartog

我有一个基于AJAX的数据表,我想对其应用其他过滤。到目前为止,我只发现了客户端或过时的示例。我不明白搜索实际上是如何执行的,以及如何添加过滤器以起作用。

一个简单的示例,我试图将供应商过滤器添加到我的SKU数据表中。我已经用供应商名称填充了一个选择框。如果选择了供应商,我只想显示该供应商的SKU。此外,用户应该能够使用搜索来浏览该供应商的结果。如何过滤结果?

这是我的coffescript(更新):

$ ->
  $('#vendor-skus-table').DataTable
  processing: true
  serverSide: true
  retrieve: true
  pagingType: 'full_numbers'
  ajax: data: (d) ->
    d.sku = $('#vendor-skus-table').data('source')
    d.extra_search = $('#vendor-select').val();
    return

我的过滤器字段的一些其他JavaScript:

$('#vendor-select.vendor-select').on('change', function() {
  $('#vendor-skus-table').DataTable().ajax.reload();
});

我的数据表文件:

class VendorSkuDatatable < AjaxDatatablesRails::Base
def_delegators :@view, :params, :link_to, :vendor_skus_path, :vendor_path

def sortable_columns
  @sortable_columns ||= ['VendorSku.name', 'Vendor.name', 'VendorSku.inventory_quantity' ]
end

def searchable_columns
  @searchable_columns ||= ['VendorSku.name', 'Vendor.name']
end

private

def data
  records.map do |record|
    [
      link_to(record.name, record),
      link_to(record.vendor.name, record.vendor),
      record.inventory_quantity
    ]
  end
end

def get_raw_records
  VendorSku.joins(:vendor).where(vendor_id: params[:extra_search])
end
end
安德烈·兹特克维奇(Andrei Zhytkevich)

抱歉,我的代码将是JavaScript,我不知道CoffeScript。

为了将参数添加到您的ajax请求中,您必须ajax.data在创建时指定一个选项datatable

  $('#vendor-skus-table').DataTable({
    // ... your paramteres
    ajax: {
      data: function(d) {
        d.sku = $('#vendor-skus-table').data('source'); // or maybe $('#vendor-skus-table').data('source').join(',')
      }
    }

您将sku在后端获得ajax请求的参数。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

the_content过滤器可将自定义字段添加到JSON响应

来自分类Dev

如何将自定义Whois服务器添加到WHMCS

来自分类Dev

如何使用afBedSheet将自定义过滤器添加到HttpPipeline?

来自分类Dev

Zend 2-将验证器和过滤器添加到自定义表单

来自分类Dev

如何将自定义安全绑定凭证添加到Web服务参考?

来自分类Dev

如何将自定义数据添加到标记(Google Maps API SWIFT)

来自分类Dev

如何将自定义搜索引擎添加到浏览器?

来自分类Dev

将自定义Maven Jar添加到专用服务器位置

来自分类Dev

将自定义变量添加到jquery数据表并读取搜索过滤器

来自分类Dev

数据表在标题过滤器上添加自定义选择

来自分类Dev

如何将自定义字体大小添加到QuillJS编辑器

来自分类Dev

将自定义类标签添加到数据表行

来自分类Dev

如何将自定义装饰器添加到FastAPI路由?

来自分类Dev

Ag-grid定制过滤器和服务器端过滤器,类型未定义

来自分类Dev

如何将过滤器添加到数据表

来自分类Dev

如何将自定义安全绑定凭证添加到Web服务参考?

来自分类Dev

将自定义角色过滤器添加到wordpress woocommerce shop_manager

来自分类Dev

AngularJS和服务器端过滤器和分页

来自分类Dev

数据表:长度过滤器丢失了前置的自定义过滤器值

来自分类Dev

如何将自定义地图和自定义数据添加到Highmaps?

来自分类Dev

如何将自定义数据注释添加到dc.js图表?

来自分类Dev

自定义过滤器到数据表

来自分类Dev

如何将自定义xml添加到Oracle XML Publisher数据定义

来自分类Dev

如何将自定义表添加到工作流表单的 reviewTask 屏幕?

来自分类Dev

如何在引导数据表中进行自定义过滤器选项?

来自分类Dev

如何将自定义数据发送到 DataTable 服务器端处理而不是来自 DataTable 的过滤器输入?

来自分类Dev

如何将自定义记录添加到包含链接表的查询中?

来自分类Dev

如何将自定义表添加到 configurationDbContext?

来自分类Dev

如何根据合作伙伴表单中的字段将自定义过滤器/自定义搜索字段添加到销售订单视图

Related 相关文章

  1. 1

    the_content过滤器可将自定义字段添加到JSON响应

  2. 2

    如何将自定义Whois服务器添加到WHMCS

  3. 3

    如何使用afBedSheet将自定义过滤器添加到HttpPipeline?

  4. 4

    Zend 2-将验证器和过滤器添加到自定义表单

  5. 5

    如何将自定义安全绑定凭证添加到Web服务参考?

  6. 6

    如何将自定义数据添加到标记(Google Maps API SWIFT)

  7. 7

    如何将自定义搜索引擎添加到浏览器?

  8. 8

    将自定义Maven Jar添加到专用服务器位置

  9. 9

    将自定义变量添加到jquery数据表并读取搜索过滤器

  10. 10

    数据表在标题过滤器上添加自定义选择

  11. 11

    如何将自定义字体大小添加到QuillJS编辑器

  12. 12

    将自定义类标签添加到数据表行

  13. 13

    如何将自定义装饰器添加到FastAPI路由?

  14. 14

    Ag-grid定制过滤器和服务器端过滤器,类型未定义

  15. 15

    如何将过滤器添加到数据表

  16. 16

    如何将自定义安全绑定凭证添加到Web服务参考?

  17. 17

    将自定义角色过滤器添加到wordpress woocommerce shop_manager

  18. 18

    AngularJS和服务器端过滤器和分页

  19. 19

    数据表:长度过滤器丢失了前置的自定义过滤器值

  20. 20

    如何将自定义地图和自定义数据添加到Highmaps?

  21. 21

    如何将自定义数据注释添加到dc.js图表?

  22. 22

    自定义过滤器到数据表

  23. 23

    如何将自定义xml添加到Oracle XML Publisher数据定义

  24. 24

    如何将自定义表添加到工作流表单的 reviewTask 屏幕?

  25. 25

    如何在引导数据表中进行自定义过滤器选项?

  26. 26

    如何将自定义数据发送到 DataTable 服务器端处理而不是来自 DataTable 的过滤器输入?

  27. 27

    如何将自定义记录添加到包含链接表的查询中?

  28. 28

    如何将自定义表添加到 configurationDbContext?

  29. 29

    如何根据合作伙伴表单中的字段将自定义过滤器/自定义搜索字段添加到销售订单视图

热门标签

归档