Change culture of kendo grid - filter

How do I change the text in filter of grid? I've tried to import culture in head
<script src="kendo/js/cultures/kendo.culture.co-FR.min.js"></script>
and to add script to body
<script>
kendo.culture("co-FR");
</script>
But the filter text is still English. Why does this not work?

kendo culture defines specific information for the number formats, week and month names, date and time formats and etc, it doesn't provide languaje internationalization.
You could try language packs for Telerik's Kendo UI https://github.com/loudenvier/kendo-global I guess they are unofficial (not maintained by telerik), and some languages are not complete.

Related

kendo ui grid with two tables - header and data

I was trying to use the Kendo Grid UI control.
I am using the binding from Javascript with few template columns.
When the HTML is generated it gets two tables, one for header and one for body. This becomes hard for accessibility, can someone please guide me how do I set to generate only one table with header and data in it.
This issue is caused by setting grid to be scrollable. Scrollable property in Kendo UI for jQuery is true by default so you need to explicitly set it false.
If you are using Kendo UI for ASP.NET MVC then you have to remove GridBuilder's .Scrollable() method call.

Override template engine for Kendo UI Grid

I have read that you can override the Kendo UI templating engine and supply a third party one (such as JS Render), see here
Specifically, I am using a Grid and I want to add a template to a cell, so my column definition would look something like:
columns: [{template: "<ul>{{for xxx}}<li>{{:yyy}}</li>{{/for}}</ul>"]
How do you replace the kendo templating engine with something like JSRender?
Telerik support have come back with an answer - though I've not tried it yet. Rather than specify the template as a string, you can provide a function that returns the rendered HTML, therefore you can use JSRender in that function.

Kendo UI - Grid questions

I am evaluating Kendo UI for use of it in our project. I would be using the Kendo UI JS (not the ASP.Net MVC one).
I stumbled upon a couple of things Kendo grid does not support. I just want clarification on some of the functionalities (some of the questions may sound very basic. Sorry I am just evaluating on the basis of demos provided and trying to fit in our requirement). I do not require any code but just require your help in evaluating kendo UI
Kendo Grid does not support Grouping of Headers ?
|-----------Header Master------------------|
|--Sub Header-------|-----Sub Header----|
Kendo Grid does not support Frozen Columns ?
Does Kendo Grid support multiple summary columns with custom aggregate(that would be pulled from data source and hence not calculated on client side) ? How can we achieve this ? By Customer Footer template ?
I could not find any example on the website, which shows how kendo ui grid deals with large data. say 10,000 rows ?
Answers to the questions at the current moment (28/10/2013):
Kendo Grid does not support grouped Headers ( you can search the
forums for some feasible work-arounds)
Kendo Grid does not
supported frozen-columns, however it should be implemented for the
future releases.
What is supported as footer templates is
demonstrated here.
What do you mean by larget data? If you
enable server paging only the records for a specific page will be
send to the client, so you can use it with as many records as you
want. Also check virtualization (please notice it still works
the same as a paging mechanism, so you can use it again the same way
as in a regular paging scenario)

Manual input date in Kendo Grid DatePicker not working

I'm facing a problem that I can't understand. I'm using Kendo Grid with InCell edit and I have a DateTime field in my Model.
When the grid enters in edit mode, the calendar is shown, but the grid only saves the inputed value if I select the value from the calendar. If I input the field manually, the value is not saved and the cell is not marked has dirty.
If it helps, I'm using MVC with Razor sintax.
Tks in advance!
I've found a workaround in Kendo's forums:
By design, the DatePicker does not raise the change event when the value is set programmatically - it raises only if the date is modified by the end-user. In case you need to trigger the change event, you can use jQuery trigger().
For example:
var datePicker = $("#datepicker").data("kendoDatePicker");
datePicker.value("01/01/2001");
datePicker.trigger("change");
Reference:
http://www.kendoui.com/forums/ui/date-time-pickers/datepicker-change-event.aspx
So basically what I did was to force the change event manually.

Which dojo widget should be used for DropDown

I wish to create dynamic dropdown, meaning the value of the second dropdown changes with the change in selection on the first. I was looking through the Dojo docs and it seems there are 3 different widgets that I can use,
dijit/form/ComboBox
dojox/form/DropDownSelect
dijit.form.Select
Now I am confused as to which one should i use for creating Dynamic DropDowns?
You can choose anyone depending upon what extra features you want. While dijit.form.Select is your normal HTML select, combobox and filteringselect offer more features.
Follow http://kennethfranqueiro.com/2010/06/combobox-vs-filteringselect/ for a comparison between the two. You can also play with them to know how they work.
I had used FilteringSelect in my app for the same behavior as need.
Differences between dojo dropdown :
Select It is simple combobox like select in HTML with no validation
and not provide any search facility inside select options.
ComboBox It is pure form of combobox and name as ComboBox again it
will not provide any default validation but it provide search
facility within its options.
FilteringSelect It is an advance form of select have default
facility of validation and search facility. And it also has property
to take value as input tag take value in HTML.
In dojo you can also try custom validation which is provided inside dojox library. I hope it will help you.

Resources