json - Kendo UI Grid Inserts/Updates create Duplicate Records (again) -

-

i have same problem daniel had in topic, solution doesn't work me:

http://www.kendoui.com/forums/ui/grid/kendo-ui-grid-inserts-updates-create-duplicate-records.aspx#-jhxqrrnaugstfjac-ojwg

so use-case. users adds 2 new records 1 after another:

  1. presses "add new record" button of grid
  2. fills fields (name="alex", amount=10, comment="first").
  3. record 1 ready. press 'save'. (data goes controller , database)

  4. user see 1 record in grid

  5. press "add new record" button again

  6. fills fields (name="bob", amount=20, comment = "second").

  7. record 1 ready. press 'save'. data goes controller , database. in moment happens , grid send ajax request again record 1 data controller.

  8. user updates grid , see 3 records

    "alex | 10 | first" (duplicated record) id = 1

    "bob | 20 | second" id = 2

    "alex | 10 | first" id = 1

they recommend return id correct binding\update of data source new record. , return (new id database comes in response bouns entity)! , doesn't help. if add first record , refresh page f5 , after add second record ok. if add one, third records - problems appears again

code in controller:

[httppost]     public jsonresult create(bonusdto bonusdto)     {         bonusaggregate bonus;          if (bonusdto.amount <= 0)             throw new argumentoutofrangeexception("amount should more 0");          if (bonusdto.employeeid <= 0)             throw new argumentnullexception("you should specify existing employee");          using (var dbcontext = new databasecontext())         {             bonusesrepository = new bonusesrepository(dbcontext);             var employeerepository = new employeesrepository(dbcontext);             bonus = new bonusfactory(employeerepository).create(bonusdto);              bonusesrepository.save(bonus);         }          httpcontext.response.statuscode = (int)httpstatuscode.created;         return json(bonus); // try return id after bonus saved     }

ui code

// creates bonuses grid control $("#bonusesgrid").kendogrid({     datasource: bonusesdatasource,     toolbar: ["create"],     editable: "inline",     columns: [         "bonusid",         "employeeid",         {             field: "employeelastname",             editor: employeeautocompletingeditor,             template: "#=employeelastname#"         },         "amount",         {             field: "comment",             titel: "comment",             editor: textareaeditor,             filterable: {                 operators: {                     number: {                         contains: "contains"                     }                 }             }         },         {             command: ["edit"],             title: " "         }     ],     save: function(e) {         if (newvalueemployeeid !== undefined &&                              newvalueemployeelastname !== undefined &&                              newvalueemployeelastname !== "") {                               setnewvalueemployeeidandlastname(newvalueemployeeid, newvalueemployeelastname);                               griddatasource.model.employeeid = newvalueemployeeid; // it's hack bind model , autocomplete control                               griddatasource.model.employeelastname = newvalueemployeelastname;                         } else {                               griddatasource.model.employeeid = currentvalueemployeeid;                               griddatasource.model.employeelastname = currentvalueemployeelastname;                          }     },     edit: function(e) {         setcurrentvalueemployeeidandlastname(e.model.employeeid, e.model.employeelastname);     },     cancel: function(e) {         setcurrentvalueemployeeidandlastname(e.model.employeeid, e.model.employeelastname);     } });

bonus data source:

// bind json result /bonuses/getpagedjsonbonuses         var bonusesdatasource = new kendo.data.datasource({                 transport: {                      read: {                          url: "@url.action("getpagedjsonbonuses", "bonuses")",                          type : "get",                          contenttype: "application/json",                          datatype: "json",                          cache: false                     },                     create: {                         url: "@url.action("create", "bonuses")",                         datatype: "json",                         type: "post"                     },                     parametermap: function(options, operation) {                         if (operation === "update" || operation === "create") {                              // correct format conversion                              var d = new date(options.date);                             options.date = kendo.tostring(d, dateformat);                              // updates bonusdto.employeeid selected value                             if (newvalueemployeeid !== undefined)                                 options.employeeid = newvalueemployeeid;                         }                         if(operation === "read") {                             options.filter = setformattedfilterdate(options.filter);                         }                         return options;                     }                 },                 pagesize: 15,                 serverpaging: true,                 serversorting: true,                 serverfiltering: true,                 error: showerrormessage,                 schema: {                     data: "data", // pagedresponse.data                     total: "totalcount", // pagedresponse.totalcount                     model: {                         id: "bonusid",  // data                         fields: {                             employeeid: { type: "number" },                             employeelastname: {                                 type: "string",                                 editable: true,                                 nulable: false,                                 validation: { required: {message: "employee's last name required"}}                             },                             date: {                                 type: "date",                                 editable: true,                                 nullable: false,                                 validation: {                                     required: { message: "date required set" }                                 }                             },                             amount: {                                 type: "number",                                 editable: true,                                 nullable: false,                                 defaultvalue: 1,                                 validation: {                                     required: { message: "amount required set" }                                 }                             },                             comment: { type: "string", editable: true }                         } // fields                     } // model                 }// schema              });

i haven't seen problem in code. have "complete" event handler on create , update events refreshed grid - may you:

  datasource: {      type: "jsonp",     transport: {         read: urlbase + "getall",         update: {             url: urlbase + "update",             datatype: "jsonp",             complete: function (e) {                 $("#grid").data("kendogrid").datasource.read();              }         },         create: {             url: urlbase + "create",             datatype: "jsonp",             complete: function (e) {                 $("#grid").data("kendogrid").datasource.read();             }         },         destroy: {             url: urlbase + "destroy",             datatype: "jsonp",             complete: function (e) {                 $("#grid").data("kendogrid").datasource.read();             }         }     },    ...

Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more