Ich bin mit dem ajax-datatables-Schienen. Unten ist die JS für meine Datentabelle. Ich möchte konvertieren Sie das javascript in eine äquivalente Opal.rb.

jQuery(document).ready(function() {
  var table = $('#organizations-datatable');
  var token = $('meta[name=csrf-token]').attr('content');
  table.DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
      "url": "/organizations/datatable.json",
      "type": 'POST',
      "beforeSend": function (xhr) {
          xhr.setRequestHeader('X-CSRF-Token', token)
        }
    },
    "pagingType": "full_numbers",
    "destroy": true,
    "columns": [
      {"data": "name"},
      {"data": "desc"},
      {"data": "industry"},
      {"data": "tags"}
    ],
    "iDisplayLength": 25
  });
});

Es beinhaltet auch das hinzufügen der CSRF-token, um die ajax-Anfrage für die Daten.

Ich möchte alle unsere javascript geschrieben werden als opal für die Lesbarkeit, etc. Bitte keine Debatte, dass die Wahl, ich habe nur darum zu verstehen, wie man diese arbeiten als Opalrb über opal/Schienen-ujs/opal-jquery

Die unten Opal erreicht nicht die gleiche wie die oben JS. Kann mir jemand helfen zu verstehen, warum?

Element.expose :DataTable

Document.ready? do
  token     = Element['meta[name=csrf-token]'].attr('content');
  settings  = {
      "processing": true,
      "serverSide": true,
      "ajax": {
        "url": "/organizations/datatable.json",
        "type": 'POST',
        "beforeSend": lambda do
          xhr = `new window.XMLHttpRequest()`
          xhr.setRequestHeader('X-CSRF-Token', token)
        end 
      },
      "pagingType": "full_numbers",
      "destroy": true,
    "columns": [
      {"data": "name"},
      {"data": "desc"},
      {"data": "industry"},
      {"data": "tags"}
    ]
    }
  Element['#organizations-datatable'].DataTable(settings.to_n)

end

Was vermisse ich hier? Warum ist dieser Opal gut?

Edit: Dies ist, was mein Weg aussieht, dieser sorgt für die POST arbeitet für diese:

Rails.application.routes.draw do
    concern :with_datatable do
        post 'datatable', on: :collection
    end
    resources :organizations,   concerns: [:with_datatable]
end