Popup editor not setting dirty flag when value changed.

[Richard]

When I change a value in the popup editor the dirty flag is not set, hence the data is not posted back.

Run the attached project:
Click Edit on the grid item
Within the popup dialog
Click into the Customer field and Add '5' to the 'Sage 1234' data(Notice the grid dirty(changed) indicator not present)
Click save.(Notice the grid not updated)

Another issue I'm having is the checkboxes in the Subscriptions grid (also on the Edit popup) do not set the dirty flag either. Hence, if I check or uncheck them and then enter subscription text the checkboxes revert back to their original state.

Any help is appreciated.

[Vladimir Iliev]

Hi Richard,

 
I tried to reproduce the problem locally but to no avail – everything is working as expected on our side (yu can check this screencast). Please provide the following details - they would help us pinpoint the exact reason for this behavior::

• What is the exact browser version that you are using?
• Could you please send us a short screen capture that shows the exact steps you take?

Thank you in advance for your patience and cooperation.

Kind Regards,
Vladimir Iliev
the Telerik team

[Richard]

I have attached a Word document showing screen shots with some explanation.

[Vladimir Iliev]

Hi Richard,


Thank you for the clarification.

I was able to reproduce the issue with the "CustomerName" field, however it seems that it's already fixed in KendoUI 2012 Q3 SP1 release (v.2012.3.1315). Also I found several issues in current configuration which should be updated:

• There are duplicated scripts included in several places of the project - I would suggest including the scripts below only in the Layout page:  

  <link href="~/styles/Site.css" rel="stylesheet" />
  <script src="~/Scripts/jquery-1.8.2.js"></script>
  <script src="~/Scripts/modernizr-1.7.js"></script>
  <script src="~/Scripts/jquery.validate.min.js"></script>
  <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
  
  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet" />
  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet" />
  <script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
  <script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.aspnetmvc.min.js"></script>

• Invalid editors configuration in "_TenantPopup" - data_bind attributes should be removed from all editors:  

  <tr class="edit">
      <td style="border-style:none; white-space: nowrap">
          @Html.LabelFor(m => m.TenantName)
      </td>
      <td style="border-style:none; white-space: nowrap">
          @Html.TextBoxFor(m => m.TenantName)
          @Html.ValidationMessageFor(m => m.TenantName, "*")
      </td>
  </tr>

     

After updating the project with the above changes it will work as expected.

Also I notice that the second grid is bind to nested field of the main grid - please note that currently the grid does not support complex models and you should flatter the current main grid model. In current scenario you should remove the "Apps" property from the grid model and get the popup grid data from another data source by current model ID.

Kind Regards,
Vladimir Iliev
the Telerik team

[Richard]

Hi Vladimir, Are you implying that if I bind to a completely separate datasource the grid will start correctly setting the dirty flag? Also, why would you include the script files within a shared page such as Layout when only a few pages may use the specific script. Seems only the pages that need the specific script should include them. This used to be common programming practice, i.e. c++ include files only included where needed.

[Petur Subev]

Hello Richard,

Vladimir mentioned in his post that you are referencing the script multiple times (once in the Layout and once in the index view) which is not good idea, since all widgets registered to jQuery are cleared from the memory if it is reloaded.
Regarding the separate dataSource, if you want to edit child collection - yes you need to use separate dataSource, because if you modify record from the nested collection the change event will bubble and the whole master Grid will react to this change and redraw. This will cause it to loose its current state - popup will be closed change made in the popup will be neglected etc.

Hierarchy of Grids with separate dataSources is covered in this demo.

Kind Regards,
Petur Subev
the Telerik team