Drupal 8 ajax views implementation [#2821987]

As I already mentioned on the Drupal 8 Contrib Porting Tracker page, we developed a datatable port with lots of customizations and functions.

Started with the full ajax implementation, own pager and many other things. This port is ready to use but still in development. If you like we can open another branch where we can put this code.

This code is sponsored by steel.online - sell and buy steel online. As a co developer of the tool I can give lots of credits to the guys of wunderkraut and specially to frega which was heavily involved into the development of this modul.

Just give it a try and return some response

Comment	File	Size	Author
#15	afterajxexpose_filter.PNG	28.93 KB	dhiraj bhagat
#15	beforeajaxexposefilter.PNG	29.29 KB	dhiraj bhagat
#8	views-ajax-datatable-2821987-3.patch	130.46 KB	Anonymous (not verified)
#7	views-ajax-datatable-2821987-2.patch	231.96 KB	Anonymous (not verified)
#6	views-ajax-datatable-2821987-1.patch	471.36 KB	Anonymous (not verified)
#4	views-ajax-datatable-2821987.patch	225.03 KB	Anonymous (not verified)
	datatables.tar_.gz	566.67 KB	Anonymous (not verified)

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Anonymous (not verified) CreditAttribution: Anonymous commented 25 October 2016 at 13:47

Almare created an issue. See original summary.

Comment #2

Growiel CreditAttribution: Growiel commented 17 February 2017 at 03:08

I've been doing some tests with this branch.

Overall it's working okay, except for the exposed filters. They are ignored by datatables completely.

I did see an exposed_form plugin for views in the module but for me it's not working at all.

Is that on purpose ? Is work on this branch going to continue ?

Comment #3

Anonymous (not verified) CreditAttribution: Anonymous commented 29 September 2017 at 19:42

Not for the last months. This should be alternative idea to the current branch some months ago, because of the missing ajax support. I think this branch needs some work.

Comment #4

Anonymous (not verified) CreditAttribution: Anonymous commented 19 February 2018 at 21:49

File	Size
views-ajax-datatable-2821987.patch	225.03 KB

Update: After I saw the work of @BlacKICEUA I reviewed and extend his additions. I add some fixes and new features.
Most of the work is now done to use the complete datatable with views and ajax support.

Merge BlackICEUA code
Fix: Composer http to https
Add combined searchfield filter which works now with exposed form (simple fulltext search over mutiple fields)
Make sorting work
Refactor a little bit

I hope this is useful for someone and many thanks back to BlacKICEUA.

Comment #5

Anonymous (not verified) CreditAttribution: Anonymous commented 19 February 2018 at 21:44

Title:	Drupal 8 - another branch	» Drupal 8 ajax views implementation
Category:	Support request	» Task
Priority:	Normal	» Major
Status:	Active	» Needs review

Comment #6

Anonymous (not verified) CreditAttribution: Anonymous commented 21 February 2018 at 21:41

File	Size
views-ajax-datatable-2821987-1.patch	471.36 KB

Remove old style plugin and fix some typos.

Comment #7

Anonymous (not verified) CreditAttribution: Anonymous commented 22 February 2018 at 20:30

File	Size
views-ajax-datatable-2821987-2.patch	231.96 KB

Rename Plugins to DataTables and some minor changes

Comment #8

Anonymous (not verified) CreditAttribution: Anonymous commented 22 February 2018 at 20:49

File	Size
views-ajax-datatable-2821987-3.patch	130.46 KB

2 files were hidden/shown/deleted

File	Size
views-ajax-datatable-2821987-1.patch	471.36 KB
views-ajax-datatable-2821987-2.patch	231.96 KB

Comment #9

dqd

(formerly "diqidoq")

CreditAttribution: dqd as a volunteer and at MAROQQO studios commented 14 June 2018 at 20:13

Awesome work, Almare! Can you please link to @BlackICEUA's code your patch is based on, so that we know if it is an issue here or from a repo somewhere else? I will review the patch ASAP. 1+

Comment #10

Anonymous (not verified) CreditAttribution: Anonymous commented 6 July 2018 at 15:08

Sorry for the question, but what do you mean with link to @BlackICEUA?

Comment #11

dqd

(formerly "diqidoq")

CreditAttribution: dqd as a volunteer and at MAROQQO studios commented 9 July 2018 at 11:25

#4: Update: After I saw the work of @BlacKICEUA I reviewed and extend his additions.

(Sorry, maybe a misunderstanding on my side?)

Comment #12

dqd

(formerly "diqidoq")

CreditAttribution: dqd as a volunteer and at MAROQQO studios commented 12 September 2018 at 19:16

Priority:	Major	» Normal
Status:	Needs review	» Postponed (maintainer needs more info)

Hm, still not sure what to do now. We would like to go on with DT 8.x but I would love to get more report on this code here and if/how it still works and if this patch can be simply rerolled/merged against latest dev, etc. Otherwise for me or any other contributor or maintainer it would be a huge amount of work to go thru the code of others which is not based on the existing branch.

Comment #13

leisurman CreditAttribution: leisurman commented 12 September 2018 at 20:05

@diqidog
I'm in the same situation. My client wants to use datatables in Drupal 8 but we want to sort based on the date format mm/dd/yyyy. Datatables needs a plugin to do this. We need to add the ultimate date plugin here https://datatables.net/blog/2014-12-18. Problem is that it only works on Datatables library version 1.10.18 or higher. The Drupal Datatables module is using version 1.9.3. We decided to add the js files to the datatables module. moment.min.js and datetime-moment.js. So are library looks like this.

datatables_core:
  version: 1.9
  js:
    js/moment.min.js: {}
    /libraries/datatables/media/js/jquery.dataTables.js: {}
    js/datetime-moment.js: {}

We added the moment date function $.fn.dataTable.moment( 'MM/DD/YYYY' ); directly to Datatables library file datatables.js. like this:

(function ($) {
  Drupal.behaviors.datatables = {
    attach: function (context, settings) {
      +$.fn.dataTable.moment( 'MM/DD/YYYY' );
      $.each(settings.datatables, function (selector) {

Then we found we need to use the Datatables version 1.10.19. I tried to add the patch from here and the one on this page. But Composer fails to apply them. I am wondering if the author can provide it as a new custom module. I wont need to use Composer to install it. Or if we could get the instructions on how to change the module so that it can use library version 1.10.19. For now I am going to try to apply this patch manually.