Editor's Table: Jquery+php+jeditable enables real-time editing of table field content

Editable tables: Jquery+php+jeditable enables real-time editing of table field content

Introducing a super-practical jquery plugin called jeditable, the legendary instant edit plugin . The so-called instant editing is to implement a feature that modifies the content of a webpage without refreshing, and instantly displays the result of the change without refreshing it. For example, see the plug-in official website demo:http://www.appelsiini.net/projects/jeditable/custom.html, click on the text can be modified!

Parameter settings

$ ('. Edit '). Editable (' save.php ', {
WIDTH:120,
Height:18,
onblur: "Ignore",
Cancel: ' Cancel ',
Submit: ' OK ',
Indicator: ",
ToolTip: ' Click to edit ... ',
Callback:function (value, settings) {
$ ("#modifiedtime"). HTML ("just");
}

Select parameter settings, other ways see link Reference document 1

$ ('. Edit_select '). Editable (' save.php ', {
Loadurl: ' json.php ',
Type: "Select",
Cancel: ' Cancel ',
Submit: ' OK ',
Indicator: ",
ToolTip: ' Click to edit ... ',
Style: ' Display:inline '
});

Call the DatePicker calendar plugin for the jquery UI
$.editable.addinputtype (' DatePicker ', {
Element:function (Settings, original) {
var input = $ ('');
Input.attr ("ReadOnly", "ReadOnly");
$ (this). append (input);
return (input);
},
Plugin:function (Settings, original) {
var form = this;
$ ("input", this). DatePicker ();
}

Demo download

Reference Document 1

Document 2

Document 3

