Editable Table: jQuery + PHP + jeditable allows you to edit table fields in real time.

Editable Table: jQuery + PHP + jeditable allows you to edit table field content in real time. This is a super practical jquery plug-in called jeditable, which is the legendary real-time editing plug-in. Real-time editing is a function that enables you to modify the content of a webpage without refreshing the content, and displays the modification result instantly without refreshing the content. Editable tables: jQuery + PHP + jeditable allows you to edit table fields in real time.

This article describes a super practical jquery plug-in called jeditable, which is the legendary real-time editing plug-in. Real-time editing is a function that enables you to modify the content of a webpage without refreshing the content, and displays the modification result instantly without refreshing the content. For more information, see the demo on the official website of the plug-in: http://www.appelsiini.net/projects/jeditable/custom.html. Click on the editable tab!

// 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. for other methods, see reference 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 plug-in of jquery ui
$. Editable. addInputType ('dateicker ',{
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 ();
}

Download demo

Reference 1

Exam document 2

Exam Document 3