Kendo treelist in angular js lost row color after expand and collapse operation.
Please check attached link for more details.
http://dojo.telerik.com/enEqE
Got the answer from telerik itself. Its required to add the code on expand event and also required to wrap it inside the settimeout function.
Here is the updated dojo.
http://dojo.telerik.com/UTocid
I'm trying to use a kendo.data.ObservableArray as data for data source of the grid. It shows ok. When edit inline, change a field, then cancel, the values are changed. When clicking edit, then click edit on another row, the last one remains in the edit mode. Sometimes cancel not work. On the array it works as expected.
I took the Kendo UI Demo, http://demos.telerik.com/kendo-ui/grid/editing-inline, to reproduce the issue. Here is the issue: http://dojo.telerik.com/uLiCi/2
Does anyone have any idea why so strange behavior?
In my opinion, it should work with both, array and observable array.
Thanks in advance
Is there an example using kendo offline other than a data-bound grid. Specifically, I would like to call the add method to add data to the dataset.
For example, where $scope.dsPatients is a kendo datasource, I would like to
$scope.dsPatients.add($scope.patient);
I currently get a message that the add method is invalid.
I was able to get this to work in dojo:
http://dojo.telerik.com/#jcbowyer/OviXI
've just tried giving the latest release of Kendo UI a spin, but it seems something has broken when using a DropDownList in a custom popup editor.
If the dataSource of the DropDownList is set to a JavaScript array or object, the selected value does not update the Grid model.
DropDownLists that have a remote dataSource with dataTextField and dataValueField configured are working okay.
Basically, code that worked perfectly with the 2014.3.1316 release is not working with the 2015.1.318 release (no errors are reported in Chrome's console).
Can somebody please confirm that this is a bug with the new release, or is there something else I need to be aware of?
EDIT: This is seems to be affecting all DropDownLists. The selected item is not updating the model immediately -- only when the record is saved.
I've knocked together a simple Fiddle to demonstrate the issue. With the previous version, selecting an item updates the Grid's model immediately and set's dirty to true. With the new version, the Grid's model isn't updated (at least not immediately).
The described issue is a known bug in Q1 2015 - BUG 623.
It is addressed in the latest internal builds and the upcoming service pack, that will be released till the end of week, will include the fix (and many more)
I am afraid that there is no simple workaround, as the widget just sets its "_old" value to the new one on first select. Hence the change event will not be raised. The only feasible solution is to upgrade to a newer version of Kendo UI.
When it comes to the dropdownlist and multiselect controls they have changed a lot to allow the new grouping and virtualization features to work. (having been a victim of this change as well - I'm still trying to fix my code at the minute)
I have updated your fiddle with a possible solution for what you want to achieve Update with Change Event added
I have basically added this function for you:
function changeCategory(e)
{
$('#log2').text('This should be the ID of the category you changed too: '+
e.sender.value());
}
but for more information on this change you can look here:
Changes to Kendo UI Q1 2015
EDIT:
Also if my memory is correct I think the select event is fired before the change event so that will always show the previous value and not the new value that has been selected and when you click update the grid is updating as expected from what I can see.
just try to specify a defaultValue in your schema model definition to CategoryID, i think this would be a better solution, couse this bug occurs only when the value is empty
The Changes to Kendo UI Q1 2015 page doesn't directly mention the change in behavior described, but it's likely to be caused by the substantial changes to the DropDownList widget.
There's a pretty simple workaround, but I suspect it shouldn't be necessary and will be 'fixed' at some point.
To emulate the old behavior you just need to manually set the model field that's supposed to be updated immediately. So in the select event add something like...
model.set('CategoryID', dataItem.CategoryID);
Updated Fiddle. Without doing this, any dependent methods will use the original or old value, which is simply not right (hence, I suspect it'll be fixed).
I also experienced the problem with dropdown lists with the 2015.1.318 release.
In the latest release, 2015.1.327, this seems to be fixed.
I have got problem with setting selected value of view model when changing option in dropdown.
I do not want to describe it because it will be easier just to show code by http://jsbin.com/ritor/9/edit
Just want to mention about what is wrong
When I am changing dropdown value there is a error in console
Uncaught TypeError: undefined is not a function
and view-model value is unchanged.
I have no idea what is going wrong with my code.
Solution:
Ok a little change make code works:
http://jsbin.com/deyuse/8/edit
You have told the drop down list template to bind to a value that it does not have context to. Additionally, you have told the grid column to bind to the incorrect value. It should be selectedValue not FieldValue. Why is fieldValues a function?
Furthermore, you are trying to implement an editable grid. Your implementation is not configured for that. Please follow the documentation at Kendo UI.
Here's your corrected JsBin example.
Update: After deeper review, your implementation needs considerable refactoring. I've revised my answer.