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