How To Get jQuery DataTables Pagination and jEditable To Work Together

Author: erics, May 23rd, 2012

function editableInit() {
    jQuery('.editable').editable(
        '/your/path/to/process_your_update.html',
        {
            type: 'text',
            width: 200,
            cancel: 'Cancel',
            indicator: 'Saving...',
            onblur: 'ignore',
            submit: 'OK',
            tooltip: 'Click to edit...'
        }
    );
}

editableInit();
jQuery('.paginate_button').live('click', function(){
    editableInit();
}); 
jQuery('.dataTables_length select').live('change', function(){
    editableInit();
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

function editableInit() {

jQuery('.editable').editable(

'/your/path/to/process_your_update.html',

{

type: 'text',

width: 200,

cancel: 'Cancel',

indicator: 'Saving...',

onblur: 'ignore',

submit: 'OK',

tooltip: 'Click to edit...'

}

);

}

editableInit();

jQuery('.paginate_button').live('click', function(){

editableInit();

});

jQuery('.dataTables_length select').live('change', function(){

editableInit();

});

Categories: How-To's, Technology Tags: click, DataTables, Editable, Event, howto, jEditable, JQuery, Page, Pagination, tips | 2 comments

How To Trigger jEditable Using An External Link

Author: erics, July 4th, 2011

Some example HTML:

<div class="edit" id="unique_id">Editable text</div>
<a href="#" class="edit_trigger">Edit me!!</a>

1 2	<div class="edit" id="unique_id">Editable text</div> <a href="#" class="edit_trigger">Edit me!!</a>

The jQuery:

/* Bind Jeditable instances to "edit" event. */
$(".edit").editable("http://www.example.com/save.php", {
    event     : "edit"
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function() {
    $(this).prev().trigger("edit");
});

1

2

3

4

5

6

7

8

/* Bind Jeditable instances to "edit" event. */

$(".edit").editable("http://www.example.com/save.php", {

event : "edit"

});

/* Find and trigger "edit" event on correct Jeditable instance. */

$(".edit_trigger").bind("click", function() {

$(this).prev().trigger("edit");

});

Here is the original post: http://groups.google.com/group/jquery-en/browse_thread/thread/33c18dcf32276c89/7711363c7496fcb3?hide_quotes=no

Categories: How-To's, Technology Tags: jEditable, JQuery, Link, Trigger | No comments

How To Use jEditable With Custom Field Types

Author: erics, May 15th, 2011

There are many GREAT jQuery plugins out there, written by brilliant people, and freely distributed as open source. I have simply taken a few of them and glued them together: jQuery, jEditable and showPassword. MANY hours were spent putting all these parts together into a cohesive, functional unit, along with adding some enhanced error handling […]

Categories: How-To's, Technology Tags: datepicker, DateTimePicker, Hide password, How To, javascript, jEditable, JQuery, jQuery UI, Password, Show password, Tipes | No comments

How To Get jQuery DataTables Pagination and jEditable To Work Together

How To Trigger jEditable Using An External Link

How To Use jEditable With Custom Field Types

Our Link Network

Business

Client Websites

Fine Dining

Friends & Family

Galleries

Health

Resources

Technology

Travel

The Archives

Latest Ramblings…

Various Topics of No Interest