Press "Enter" to skip to content

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

Multiple Easy Select Combo Box with Checkboxes | MSFmultiSelect

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 Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *