Databases
StackOverflow2013
Postsdbo
POkendo crud listview change model value after insert
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POkendo crud listview change model value after insert
    primarykey
    data
    text
    <p>Here is my code. </p> <pre><code>$(document).ready(function() { var kendoWindow_room = $("#window_room"); kendoWindow_room.hide(); $("#roombut").on( 'click', function() { home_id = $("#home_id").val(); if (home_id) { kendoWindow_room.data("kendoWindow").open(); $('.k-window').css({'marginLeft': -$('.k-window').width() / 2}); dataSource.read(); $("#room_listview_pager .k-link:first").hide(); $("#room_listview_pager .k-link:last").hide(); $("#room_listview_pager a.k-link").each(function(index) { $(this).addClass("pager_new_icons"); $(this).addClass("mortgage"); }); } } ); home_datasource = new kendo.data.DataSource({ transport: { read: { url: "&lt;?php echo BASE_URL . 'user/get_edit_home_name' ?&gt;", dataType: "json" } } }); room_datasource = new kendo.data.DataSource({ transport: { read: { url: "&lt;?php echo BASE_URL . 'common/get_dropdown_entries' ?&gt;", dataType: "json", data: {thisisfor: "floortype"} } } }); var crudServiceBaseUrl = "&lt;?php echo BASE_URL . 'user/room_crud_listview_' ?&gt;", dataSource = new kendo.data.DataSource({ transport: { read: { url: function() { return crudServiceBaseUrl + "read?home_id=" + $("#home_id").val() }, dataType: "json", contentType: "application/json" }, update: { url: crudServiceBaseUrl + "update", dataType: "json", type: "POST" }, destroy: { url: crudServiceBaseUrl + "destroy", dataType: "json", type: "POST" }, create: { url: crudServiceBaseUrl + "create", dataType: "json", type: "POST" } }, batch: true, pageSize: 1, schema: { model: { id: "id", fields: { rd_home_id: "rd_home_id", homename: "homename", nickname: "nickname", type: "type", wallcolor: "wallcolor", trimcolor: "trimcolor", floorcolor: "floorcolor", floortype: "floortype", windows: "windows" } } } }); $("#room_listview_pager").kendoPager({ dataSource: dataSource, info: false, numeric: false }); var room_listview = $("#room_listview").kendoListView({ dataSource: dataSource, template: kendo.template($("#room_listview_template").html()), editTemplate: kendo.template($("#room_editview_template").html()) }).data("kendoListView"); // Add Row $("#room_add_row").on("click", function(event) { event.preventDefault(); room_listview.add(); }); // Delete Row $("#room_delete_row").on("click", function(event) { event.preventDefault(); room_listview.remove(room_listview.element.children().first()); if (dataSource.total() &lt; 1) { room_listview.add(); } else { dataSource.read(); } }); // edit row $("#room_edit_row").on("click", function(event) { event.preventDefault(); room_listview.edit(room_listview.element.children().first()); }); // save row $("#room_save_row").on("click", function(event) { event.preventDefault(); room_listview.save(); }); if (!kendoWindow_room.data("kendoWindow")) { kendoWindow_room.kendoWindow({ width: "520px", title: "Room Designer" }); } }); </code></pre> <p></p> <pre><code>&lt;div style="background-color: #FFFFFF; border: 0; max-width: 90px; float: left;" id="room_listview_pager"&gt;&lt;/div&gt; &lt;span style="float: right; margin-top: 4px;"&gt; &lt;a id="room_add_row" class="k-add" href="#"&gt;&lt;img src="&lt;?php echo STATIC_DIR; ?&gt;images/icon7.png" alt="" height="36" width="37"&gt;&lt;/a&gt; &lt;a id="room_delete_row" class="k-delete" href="#"&gt;&lt;img src="&lt;?php echo STATIC_DIR; ?&gt;images/icon8.png" alt="" height="36" width="37"&gt;&lt;/a&gt; &lt;a id="room_edit_row" class="k-edit" href="#"&gt;&lt;img src="&lt;?php echo STATIC_DIR; ?&gt;images/icon9.png" alt="" height="36" width="37"&gt;&lt;/a&gt; &lt;a id="room_save_row" class="k-insert" href="#"&gt;&lt;img src="&lt;?php echo STATIC_DIR; ?&gt;images/icon10.png" alt="" height="36" width="37"&gt;&lt;/a&gt; &lt;/span&gt;&lt;div class="clear"&gt;&lt;/div&gt; </code></pre> <p></p> <pre><code>This is the kendo template with id - "room_listview_template" &lt;div class="product-view k-widget"&gt; &lt;dl&gt; &lt;dt&gt;Home&lt;/dt&gt; &lt;dd&gt;#:homename#&lt;/dd&gt; &lt;dt&gt;Nickname&lt;/dt&gt; &lt;dd&gt;#:nickname#&lt;/dd&gt; &lt;dt&gt;Type&lt;/dt&gt; &lt;dd&gt;#:type#&lt;/dd&gt; &lt;dt&gt;Wall Color&lt;/dt&gt; &lt;dd&gt;#:wallcolor#&lt;/dd&gt; &lt;dt&gt;Trim Color&lt;/dt&gt; &lt;dd&gt;#:trimcolor#&lt;/dd&gt; &lt;dt&gt;Floor Color&lt;/dt&gt; &lt;dd&gt;#:floorcolor#&lt;/dd&gt; &lt;dt&gt;Floor Type&lt;/dt&gt; &lt;dd&gt;#:floortype#&lt;/dd&gt; &lt;dt&gt;Windows&lt;/dt&gt; &lt;dd&gt;#:windows#&lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt; This is the kendo template with id - "room_editview_template" &lt;div class="product-view k-widget"&gt; &lt;dl&gt; &lt;dt&gt;Home&lt;/dt&gt; &lt;dd&gt; &lt;select id="home" data-role="dropdownlist" data-text-field="nickname" data-value-field="id" data-source="home_datasource" data-bind="value:rd_home_id" name="rd_home_id" required="required" validationMessage="required"&gt; &lt;/select&gt; &lt;span data-for="rd_home_id" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Nickname&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:nickname" name="nickname" required="required" validationMessage="required" /&gt; &lt;span data-for="nickname" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Type&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:type" name="type" required="required" min="1" validationMessage="required" /&gt; &lt;span data-for="type" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Wall Color&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:wallcolor" name="wallcolor" required="required" validationMessage="required" /&gt; &lt;span data-for="wallcolor" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Trim Color&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:trimcolor" name="trimcolor" required="required" validationMessage="required" /&gt; &lt;span data-for="trimcolor" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Floor Color&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:floorcolor" name="floorcolor" required="required" validationMessage="required" /&gt; &lt;span data-for="floorcolor" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Floor Type&lt;/dt&gt; &lt;dd&gt; &lt;select data-role="dropdownlist" data-text-field="name" data-value-field="value" data-source="room_datasource" data-bind="value:floortype" name="floortype" required="required" validationMessage="required"&gt; &lt;/select&gt; &lt;span data-for="floortype" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;dt&gt;Windows&lt;/dt&gt; &lt;dd&gt; &lt;input type="text" class="k-textbox" data-bind="value:windows" name="windows" required="required" validationMessage="required" /&gt; &lt;span data-for="windows" class="k-invalid-msg"&gt;&lt;/span&gt; &lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt; </code></pre> <p>I have a listview inside a kendowindow with options to create, read, update and delete. </p> <p>It uses one template to list the records and another template to edit. </p> <p>In the fields, I have a dropdown list, with the field name "rd_home_id" its data-text-field and data-value-field are different. It displays home name in as the option and each option has its integer value. </p> <p>The insert, and update is working fine, I get the integer value in the server side. </p> <p>While reading, obviously I would like to display the home name - so, I have the field name "homename" - and from the server, I pass this value and I am able to see it in the listing template - which works perfectly fine. </p> <p>The only problem remaining is - after I insert a record, the "homename" is not showing up - its null - all the other values are showing up and is correct. </p> <p>How could I show the value "homename" right after the insert? </p> <p>I know I can call the call the read function of the datasource in the room_save_row's onclick right after calling the save function of the listview - which would fix the issue, but doing that would make the validation not work. </p> <p>Is there any way to change the value of the fields which is rendered in the template? </p> <p>Thank you</p> <p>Just solved the problem</p> <p>If the inserted record is sent as a response from the server ( from the create URL ) - it would get updated - and the value would be reflected in the listing template - before I was not sending anything from the server. that was the problem. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAjeesh Joshy
    1. USAjeesh Joshy
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POkendo crud listview change model value after insert
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POkendo crud listview change model value after insert
      1. USRenil Robert
      1. VTFavorite
    3. VO
      singulars
      1. POkendo crud listview change model value after insert
      1. USAjish T Paul
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload