DailyJS

jQuery Roundup: spy-js, yadcf

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery ui plugins services tables sponsored-content

jQuery Roundup: spy-js, yadcf

Posted by Alex R. Young on .
Featured

jquery ui plugins services tables sponsored-content

jQuery Roundup: spy-js, yadcf

Posted by Alex R. Young on .
Note: You can send your plugins and articles in for review through our contact form.

spy-js

spy-js.

spy-js, created by Artem Govorov, is a commercial tool that aims to make JavaScript instrumentation better. You can use it to trace, debug, and profile code that would otherwise be difficult to work with.

Although tools like Chrome DevTools are excellent, the advantage of spy-js is it can work with any browser. It also allows performance between browsers to be compared more easily.

spy-js in action.

There's a free beta which you can download from spy-js.com, and issues are being tracked on GitHub. The documentation is also on GitHub, at spy-js/spy-js. The project isn't open source, but the author intends to keep it free while he collects beta feedback.

For more information, take a look at spy-js.com and @SpyDashJs on Twitter.

yadcf

Yet Another DataTables Column Filter (GitHub: vedmack / yadcf, License: GPL2/BSD, jQuery: yadcf) by Daniel Reznick is a plugin for DataTables that adds filtering components. It can filter based on a select, or the jQuery UI Autocomplete widget. It also parses different data types, like delimited plain text and HTML elements.

$(document).ready(function(){
  $('#example').dataTable().yadcf([
    { column_number: 0 },
    { column_number: 1, filter_container_id: 'external_filter_container' },
    { column_number: 2, data:['Yes', 'No'], filter_default_label: 'Select Yes/No' },
    { column_number: 3, text_data_delimiter: ',', enable_auto_complete: true },
    { column_number: 4, column_data_type: 'html', html_data_type: 'text', filter_default_label: 'Select tag' }]);
});

It also works perfectly well with multiple tables on a page. For more examples, check out the yadcf showcase and the project's readme.