I have a grid with a custom popup editor. The grid is updated manually but I want to remove the dirty indicator. On forums I found that setting the dirty property on the model to true would solve the problem. However in the below dojo you will see that it does not
https://dojo.telerik.com/OXafoRaM
What else needs to be done? Is it a requirement to also remove the dirtyfields?
Also on my application for some reason if I update two rows only one row has the dirty indicator.
I'm curious if there are any muti-sort modes?
Our testers were confused by grids where we had enabled multi-sort, they told us the grids weren't sorting. But, the issue was they expected a single column sort and weren't aware they had to unsort the original columns in order to get that.
Other grids I have worked with that support multi-sort required some keymodifier with the click to add a column to the current sort list.
So, perhaps clicking cleared all the other sorts and Shift-Click or Ctrl-Click was used to add an additional column to the sort.
Is there such a mode as this in the kendoUI grid? If not, any one have any ideas how to handle this a bit nicer?
Hello all,
I would like to append the badge count of number of records (retrieved in the grid that appears when a Kendo TabStrip Item is selected) to the TabStrip Item's Text. So basically this is something like changing the TabStrip Item's Text dynamically. It would be really helpful if someone could suggest any ideas on how to achieve this. Thank you in advance!!

Hi all,
I am implementing the editor with Microsoft Dynamics CRM. The problem I have is that I don't have a specific URL for thumbnails. I can only query the full size images. Is there a way to do either of these things:
- Bypass the url call and provide the base64 as img src directly?
- Reduce the size image after the url call has been made in some callback function?
Thanks a lot,
Nicolas
<input kendo-auto-complete ng-model="filter.FilterValue" k-data-source="filteredData(data)" style="width: 100%;" />
is it possible to dynamically change the data source currently , I get errors when trying. Any ideas why. ( I am quite new to angularJs and kendo)
Hello!
I am having the following problem: If at least one simultaneously fired create/update/delete fails, Kendo grid keeps the dirty attribute even for the successfully executed create/update/delete operations. This leads to an inconsistent state between the client and the database on the server.
I am providing an isolated example of the problem. Therefore I have modified an official Kendo example by only setting the URL of the update service to a non-existing one: http://dojo.telerik.com/ohAle
Please do the following steps to reproduce the problem:
1. Click (at least one time) on "Add new record"
2. Edit (at least one) an existing record
3. Click on "Save changes": One create and one update request will be fired (see network tab of browser developer tools)
4. The create request will be successful, but the update request will fail (because of wrong URL)
5. Click again on "Save changes": Update request will be fired again, but create request too although it was successful the last time (because of dirty states)
6. You can repeat step five as often as you like. When you restart the example, you will see that all the before create requests where successful
In our project we also integrated the feature to preserve the dirty indicators, which also makes it possible for the user to see the above described problem visually, but it's not important for the isolated example to reproduce the problem: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/preserve-the-dirty-indicator-in-incell-editing-and-client-operations
I feel like the Kendo grid should be able to handle the success of simultaneously fired create/update/delete requests independently out of the box because this is a very common scenario. However, I found a possible workaround (http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/sync-grid-changes-with-single-request), but this would require a lot of additional coding on the client and server.
Thank you in advance for your support.
Best regards,
Kaan
Hello,
Is there a way to create a Line chart that shows a product price variation and calculates min-max values in order to create a range area on the fly? Regarding the min-max values, they are calculated every week as the arithmetic mean of the last 5 weeks. I've attached a example of how I it's supposed to be (the week value can be out of the range area).
I have been trying to merge Line and Range Area charts (on dojo) without success. This is my last try, but with static min-max values, I still have to figure out how to calculate the values dinamically:
<script>
function createChart() {
$("#chart").kendoChart({
title: {
text: "Product price"
},
legend: {
position: "bottom"
},
chartArea: {
background: ""
},
series: [{
type: "rangeArea",
data: [[5, 11], [5, 13], [7, 15], [10, 17]]
}], series: [{
name: "Product A",
data: [7, 16, 13, 12, 10]
},{
name: "Product B",
data: [6, 9, 13, 14, 12]
},{
name: "Product C",
data: [3, 5, 14, 12, 13]
}], seriesDefaults: {
type: "line",
style: "smooth"
},valueAxis: {
labels: {
format: "${0:n2}"
},
line: {
visible: false
},
axisCrossingValue: -10
},
categoryAxis: {
categories: ["Week11", "Week12", "Week13", "Week14", "Week15"],
majorGridLines: {
visible: false
},
labels: {
rotation: "auto"
}
},
tooltip: {
visible: true,
format: "{0}%",
template: "#= series.name #: #= value #"
}
});
}
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>
Regards,
Wellington
I have a selectable grid (only one row can be selected). When an item is selected, it is bound to a form for editing. Textbox in the form has a custom binding 'valueInput'. If I select a several different items from a grid and then try to edit current selection in the form, all previosuly selected items are modified. If I change binding to built-in 'value' then it works fine (only last selected item gets modified). How to fix it ?
How get the incorrect behavior:
1. Select an element from grid.
2. Select another element from grid.
3. Modify textbox value.
4. All previously selected items will change.
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Untitled</title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.common.min.css"> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.rtl.min.css"> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.default.min.css"> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.mobile.all.min.css"> <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script src="https://kendo.cdn.telerik.com/2018.2.516/js/angular.min.js"></script> <script src="https://kendo.cdn.telerik.com/2018.2.516/js/jszip.min.js"></script> <script src="https://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script></head><body> <div class='form'> <input data-bind="valueInput: text" /> </div> <div class='grid'></div> <script> kendo.data.binders.valueInput = kendo.data.Binder.extend({ init: function (element, bindings, options) { kendo.data.Binder.fn.init.call(this, element, bindings, options); let that = this; $(that.element).on("input", function () { that.change(); }); }, refresh: function () { let that = this; let value = that.bindings["valueInput"].get(); $(that.element).val(value); }, change: function () { var value = this.element.value; this.bindings["valueInput"].set(value); } }); function change(e) { let item = e.sender.dataItem(e.sender.select()); kendo.bind($(".form"), item); } let data = [{text: "a"},{text: "b"},{text: "c"},{text: "d"}]; $(".grid").kendoGrid({dataSource: data, selectable: true, change: change}); </script></body></html>