Hi Team,

Please see below dojo.

MVVM changes since 2023 have broken our app in a lot of places, but we're left with very little docs about which parts are impacted.

Values init with 'null' stopped working since upgrade to 2023 (csp changes again?). Same changes work if the values are init with 'undefined' instead. Please check if we're doing something incorrectly.

https://dojo.telerik.com/umOmiMiN/2

Thanks

You use it to bind to a viewModel:

viewModel.bind("change", function( event ){
    console.log("BIND:", event.field, "=", this.get(event.field));
});

this.get(event.field)
has the data just modified.

Is there a way to get the old data, before change?

Many thanks

Ran into a bug with the latest version, traced it back to the first release of the year, 2023.1.117.

This dojo works, using 2022.3.1109.

This dojo does not work, using 2023.1.117 or later.

The not working example displays "undefined" whereas the working one displays "$100".

This sample works till 2022 R3 SP1: https://dojo.telerik.com/EqaQuWAn

Some parts of our code has observable objects accessing functions using `get('functionName()')` format.

This no longer works since 2023 R1 and I cannot find any details about it in the change log. I don't know how to access docs for older versions either, but I do remember the docs suggesting this function access pattern.

Could you please help me find either the change log or older docs?

Hi,

We're using a custom binding to set columns from the view model, but we're experiencing some trouble using nested columns and headerTemplate.

I set up a dojo example where you can see the problem. It will occur if you uncomment the headerAttributes that's commented out.

Anyone have any idea how to get this to work properly?

Dojo example: https://dojo.telerik.com/ApIGimiv/2

This example not works as expected:

https://dojo.telerik.com/ESAQEsip/2

It should only select: Red and Green.

Isn't it?

It's the same if I write the value of the input field by hand: value="Red"

Docs:

https://docs.telerik.com/kendo-ui/framework/mvvm/bindings/checked#binding-lists-of-checkboxes-to-arrays

Many thanks

I'm binding a span to a property on my model that ends up being populated with HTML e.g., "Word<br/>break". When it gets rendered, it is rendered just like that, so it displays the <br/> inline in the text with no effect. Is there a way to tell the binding to render it in raw form so it is displayed on two lines?

                <span id="rawSpan" data-bind="text:  rawTextDisplay"></span>

I was hoping to find some option like data-raw-text='true' but apparently my google-fu needs some work. Thanks.

Does anyone know how to correctly configure the PanelBar to work with AJAX content when instantiating via MVVM?

Dojo Example MVVM PanelBar with AJAX content

This code instantiates the PanelBar but does not load the AJAX content

  <div id="example">
    <ul 
        data-role="panelbar"
        data-content-urls="['https://demos.telerik.com/kendo-ui/content/web/panelbar/ajax/ajaxContent1.html']" >
      <li>MVVM Ajax Test
        <div></div>
      </li>
    </ul>
  </div>
  
  
  <script>
     kendo.bind($("#example"));
  </script>
  

I have a kendo grid with server side paging and client side sorting. while clicking the sort in the grid, data fetch request(Request to fetch data from server) is getting triggered from frontend. but I'm using the client side sorting it shouldn't be the case. Is it possible to restrict it, without calling the server, Sort should be done in the frontend level. I hereby attach the my code sample images for your Reference. Anyone can point me to the right direction? Thanks.

hi

i need use MVVM  (dateHeaderTemplate) but can not show anything sample

thank you