javascript - Kendo Grid equivalent of onEditComplete -


is there event equivalent oneditcomplete kendo grid event fires after content of cell has been edited?

documentation mentions "edit" event, fires cell goes edit mode (so equivalent onbeginedit).

the closest event desired behavior found "save" event, event fires when content of cell has been changed. want event fires cell goes out of edit mode.

the grid's editmode set incell.

so due comment i've removed previous answer - using blur event on input boxes (or other elements) seems work :

on grid.edit event, use jquery bind textbox (or other inline edit control)'s blur event fired when focus lost. append grid definition...and replace alert code.

edit: function (e) {         alert('edit fired');         $('input.k-input.k-textbox').blur(function () {             alert('blur event called');         });     },

i've tested modifying sample inline edit code here

my full local source of edit - see edit event on grid def:

<div id="example" class="k-content">     <div id="grid"></div>      <script>         $(document).ready(function () {             var crudservicebaseurl = "http://demos.kendoui.com/service",                 datasource = new kendo.data.datasource({                     transport: {                         read: {                             url: crudservicebaseurl + "/products",                             datatype: "jsonp"                         },                         update: {                             url: crudservicebaseurl + "/products/update",                             datatype: "jsonp"                         },                         destroy: {                             url: crudservicebaseurl + "/products/destroy",                             datatype: "jsonp"                         },                         create: {                             url: crudservicebaseurl + "/products/create",                             datatype: "jsonp"                         },                         parametermap: function (options, operation) {                             if (operation !== "read" && options.models) {                                 return { models: kendo.stringify(options.models) };                             }                         }                     },                     batch: true,                     pagesize: 20,                     schema: {                         model: {                             id: "productid",                             fields: {                                 productid: { editable: false, nullable: true },                                 productname: { validation: { required: true } },                                 unitprice: { type: "number", validation: { required: true, min: 1 } },                                 discontinued: { type: "boolean" },                                 unitsinstock: { type: "number", validation: { min: 0, required: true } }                             }                         }                     }                 });              $("#grid").kendogrid({                 datasource: datasource,                 pageable: true,                 height: 430,                 toolbar: ["create"],                 // added in hook here bind edit element events.                   // blur fired when element loses focus                 edit: function (e) {                     alert('edit fired');                     $('input.k-input.k-textbox').blur(function (e) {                         alert('blur event called');                     });                 },                 columns: [                     "productname",                     { field: "unitprice", title: "unit price", format: "{0:c}", width: "100px" },                     { field: "unitsinstock", title: "units in stock", width: "100px" },                     { field: "discontinued", width: "100px" },                     { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }],                 editable: "inline"             });         });     </script> </div>

Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more