inline-editing

I'd like to know if it's possible and how to enable the CKEditor4 inline/contenteditable editing feature on <span> and other inline elements. This is something which I cannot find in the official docs. With this markup: <span id="editable" contenteditable="true"></span> And either the standard configuration (AutoInline enabled) or this configuration: <script> CKEDITOR.disableAutoInline = true; CKEDITOR.inline('editable'); // ID of the element to edit </script> An error is reported: The specified element mode is not supported on element: "span". The same error is reported for <a> tags. Hack way

EDIT: I found the reason which is that the getView() is called when i try to edit something, so the data from the DataAdapter is loaded & my edited changes disappears. EDIT: i observed one thing, if there are few rows in the listview then its OK, but if there are many rows which the listview can not show in the visible screen (Scroll bar appears to scroll to other records), then the issue arises!! I am working on project where we have implemented an INLINE EDITING using ListView , i.e. the data can be edited inside the listview. I have a defined an xml for each item/row of that ListView. I am

is there an example of using jqgrid's getChangedCells method to determine if data has changed? I grepped getChangedCells in the downloadable demos for jqgrid, and could only find the function definition, not example usages of getChangedCells. What I want to do is save the edits that a user's made if the user clicks on another row. But, I only want to submit the save if the row is dirty. Thanks in advance, --Nate There are no safe dirty flag on the row. You can use the fact that at the beginning of row editing (at the start of the inline editing mode ) the method editRow add editable="1"

onSelectRow: function(id){ if(id && id!==lastSel){ jQuery(this).restoreRow(lastSel); lastSel=id; } jQuery(this).editRow(id,true,null, function(response, postdata){ var data = eval('(' + response.responseText + ')'); data.result.success ? alert('success') : alert('error') }); } In this case I can handle errors, but after this row data restored. The question is how to prevent restoring row if data.result.success == false ? If I edit through modal box, then all is ok. But in inline mode doesn't. editRow function has the following parameters: jQuery("#grid_id").jqGrid('editRow',rowid, keys,

I went looking for a knockout inline edit binding, but the only ones I found had external dependencies other than jQuery, or used more than just a binding . So I figured I would share the simple one I came up with (other answer's of course welcome, especially those that only use knockout). Just as an alternative: the code that I have used for inline editing looks like: ko.bindingHandlers.hidden = { update: function(element, valueAccessor) { ko.bindingHandlers.visible.update(element, function() { return !ko.utils.unwrapObservable(valueAccessor()); }); } }; ko.bindingHandlers.clickToEdit = {