September 17, 2022

Simple Datatable Inline Editing Plugin For jQuery | Quickedit

jquery-multiselect is an easy-to-use jQuery that turns any element into a text field-based in-place editor for quick in-line editing.

editable datatable example editing inline cells, datatables edit cell on click, inline edit table javascript, datatable inline editing example, ckeditor inline editor

How to make use of it:

1. Include the jQuery library and jQuery quick editing plugin in your webpage.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery-quickedit.js"></script>

2. Connect to the plug-in on any item where you want to enable direct editing.

$('.table a').quickEdit();

3. The options are available.

// premix
prefix: '[qe=?]',

// initial value
oldvalue: '',

// whether to submit if the editable field loses focus
blur: false, 

// auto submit
autosubmit: true,

// check the old value
checkold: true,

// whether to submit if the editable field is empty
space: false,

// max length
maxlength: false,

// show action buttons
showbtn: true,

// callback functions
submit: function () {},
cancel: function () {},

// custom editor template
tmpl: '<span qe="scope"><span><input type="text" qe="input"/></span>'
+ '<span><button qe="submit" >Okey</button>'
+ '<button qe="cancel">Cancel</button></span></span>'

Simple In-line Editing Plugin, Jquery Quickedit Github, inline editing examples


See Demo And Download

Official Website(gkShine): Click Here

This superior jQuery/javascript plugin is developed by gkShine. For extra Advanced usage, please go to the official website.

Share

You may also like...

Leave a Reply

Your email address will not be published.