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