or
1 answer
269 views
Hello,
I am try to block a expand column in pivot grid, in this example I especify the column with name: "Country" with property expand = false, but on the grid to allow expand this column (the property don't work):
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/pivotgrid/remote-flat-data-binding">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.default.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.default.min.css" />
<script src="http://cdn.kendostatic.com/2014.3.1411/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div id="configurator"></div>
<div id="pivotgrid"></div>
<script>
$(document).ready(function () {
var pivotgrid = $("#pivotgrid").kendoPivotGrid({
columnWidth: 120,
height: 570,
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
schema: {
cube: {
dimensions: {
ContactName: { caption: "All Contacts" },
CompanyName: { caption: "All Companies" },
Country: { caption: "All Countries" },
ContactTitle: { caption: "All Titles" }
},
measures: {
"Contacts Count": { field: "CustomerID", aggregate: "count" }
}
}
},
columns: [{ name: "Country" , expand: false }, { name: "CompanyName" } ],
rows: [{ name: "ContactTitle", expand: true }],
measures: ["Contacts Count"]
}
}).data("kendoPivotGrid");
$("#configurator").kendoPivotConfigurator({
dataSource: pivotgrid.dataSource,
height: 570
});
});
</script>
<style>
#pivotgrid
{
display: inline-block;
vertical-align: top;
width: 70%;
}
#configurator
{
display: inline-block;
vertical-align: top;
}
</style>
</div>
</body>
</html>
Source code: http://dojo.telerik.com/ENAyO
How I can block the expand option of the colum or row on the pivot grid?
Thanks.
I am try to block a expand column in pivot grid, in this example I especify the column with name: "Country" with property expand = false, but on the grid to allow expand this column (the property don't work):
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/pivotgrid/remote-flat-data-binding">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.default.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.default.min.css" />
<script src="http://cdn.kendostatic.com/2014.3.1411/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div id="configurator"></div>
<div id="pivotgrid"></div>
<script>
$(document).ready(function () {
var pivotgrid = $("#pivotgrid").kendoPivotGrid({
columnWidth: 120,
height: 570,
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
schema: {
cube: {
dimensions: {
ContactName: { caption: "All Contacts" },
CompanyName: { caption: "All Companies" },
Country: { caption: "All Countries" },
ContactTitle: { caption: "All Titles" }
},
measures: {
"Contacts Count": { field: "CustomerID", aggregate: "count" }
}
}
},
columns: [{ name: "Country" , expand: false }, { name: "CompanyName" } ],
rows: [{ name: "ContactTitle", expand: true }],
measures: ["Contacts Count"]
}
}).data("kendoPivotGrid");
$("#configurator").kendoPivotConfigurator({
dataSource: pivotgrid.dataSource,
height: 570
});
});
</script>
<style>
#pivotgrid
{
display: inline-block;
vertical-align: top;
width: 70%;
}
#configurator
{
display: inline-block;
vertical-align: top;
}
</style>
</div>
</body>
</html>
Source code: http://dojo.telerik.com/ENAyO
How I can block the expand option of the colum or row on the pivot grid?
Thanks.
Georgi Krustev
Telerik team
answered
on
25 Feb 2015
1 answer
394 views
I was hoping that the ListView would show a loading animation when the data source was retrieving data, but I don't see it. Instead, I only see a blank screen while the data loads. How can I enable an animation similar to that used by the Grid?
Kiril Nikolov
Telerik team
answered
on
25 Feb 2015
3 answers
113 views
Hello,
What's the difference between validationmessage and data-rule-msg? Which one to use?
Regards
Bilal
What's the difference between validationmessage and data-rule-msg? Which one to use?
Regards
Bilal
Rosen
Telerik team
answered
on
25 Feb 2015
1 answer
437 views
Hi, I'm trying to customize and
extend the datepicker.
First I extended Binder by
customValue:
kendo.data.binders.widget.customValue = kendo.data.Binder.extend({
init: function (element, bindings, options) {
kendo.data.Binder.fn.init.call(this, element, bindings, options);
},
refresh: function(e){
var path = this.bindings.customValue.path,
source = this.bindings.customValue.source,
value = source.get(path);
this.element.value(value);
},
change: function(e){
debugger;
}
});
Then I extended DatePicker
widget:
CustomDatePicker = kendo.ui.DatePicker.extend({
init: function(element, options) {
kendo.ui.DatePicker.prototype.init.call(this, element, options);
this.bind('change',
this.onChange);
},
options: {
name:
"CustomDatePicker",
},
onChange: function(e){
debugger;
},
});
kendo.ui.plugin(CustomDatePicker);
The method 'refresh' of the
custom binder is triggered when a view-model changes, so data can flow from the
view-model to the widget. It works well.
But I have problem with binding
from the widget to the view-model (reverse flow). At first I thought that the
change in the datepicker trigger 'change' method in 'customValue' binder, but
it doesn't.
CustomDatePicker.onChange method
is triggered but inside it the view-model is out of scope, so view-model can't
be set.
My question is, how to update the
view-model, when value of the widget is changed?
Thank for advice.
Only for illustration widget is
initialized like this:
<input
data-role="datepickercustom"
data-bind="customValue: data"
data-format="dd.MM.yyyy" />
extend the datepicker.
First I extended Binder by
customValue:
kendo.data.binders.widget.customValue = kendo.data.Binder.extend({
init: function (element, bindings, options) {
kendo.data.Binder.fn.init.call(this, element, bindings, options);
},
refresh: function(e){
var path = this.bindings.customValue.path,
source = this.bindings.customValue.source,
value = source.get(path);
this.element.value(value);
},
change: function(e){
debugger;
}
});
Then I extended DatePicker
widget:
CustomDatePicker = kendo.ui.DatePicker.extend({
init: function(element, options) {
kendo.ui.DatePicker.prototype.init.call(this, element, options);
this.bind('change',
this.onChange);
},
options: {
name:
"CustomDatePicker",
},
onChange: function(e){
debugger;
},
});
kendo.ui.plugin(CustomDatePicker);
The method 'refresh' of the
custom binder is triggered when a view-model changes, so data can flow from the
view-model to the widget. It works well.
But I have problem with binding
from the widget to the view-model (reverse flow). At first I thought that the
change in the datepicker trigger 'change' method in 'customValue' binder, but
it doesn't.
CustomDatePicker.onChange method
is triggered but inside it the view-model is out of scope, so view-model can't
be set.
My question is, how to update the
view-model, when value of the widget is changed?
Thank for advice.
Only for illustration widget is
initialized like this:
<input
data-role="datepickercustom"
data-bind="customValue: data"
data-format="dd.MM.yyyy" />
Georgi Krustev
Telerik team
answered
on
25 Feb 2015
3 answers
782 views
I could not find any documentation on the use of kendo.timezones:
Ideally, I want to store all dates server side in UTC format and display them in the user's timezone.
Question 1: Can Kendo UI detect user's timezone or should we let users define their timezone in the application profile?
Question 2: how do you convert from UTC to local timezone and from local timezone to UTC using the kendo framework?
Question 3: In a kendo.data.Model or kendo.observable, where do you recommend making conversions?
Question 4: In a kendo.data.DataSource, where do you recommend making conversions?
- http://docs.telerik.com/kendo-ui/framework/globalization/overview
- http://docs.telerik.com/kendo-ui/framework/localization/overview
It seems to me that kendo has all the bricks to handle timezones without requiring momentJS or any other comparable library, but I cannot relally figure out how to use it.
Ideally, I want to store all dates server side in UTC format and display them in the user's timezone.
Question 1: Can Kendo UI detect user's timezone or should we let users define their timezone in the application profile?
Question 2: how do you convert from UTC to local timezone and from local timezone to UTC using the kendo framework?
Question 3: In a kendo.data.Model or kendo.observable, where do you recommend making conversions?
Question 4: In a kendo.data.DataSource, where do you recommend making conversions?
Georgi Krustev
Telerik team
answered
on
25 Feb 2015
1 answer
103 views
Hi Guys,
When exporting a groupped grid to excel the resulting excel file has data groupping acomplished by way of indenting of rows, but excel file format supports native groupping of data which enables much richer data analysis capability.
I would like to know if adding this capability to exported excel files is currently on the radar.
Cheers!
When exporting a groupped grid to excel the resulting excel file has data groupping acomplished by way of indenting of rows, but excel file format supports native groupping of data which enables much richer data analysis capability.
I would like to know if adding this capability to exported excel files is currently on the radar.
Cheers!
Atanas Korchev
Telerik team
answered
on
25 Feb 2015
3 answers
62 views
In your filter row demo the filters and their menus look nothing like mine. No where can I find any configuration options that render mine like yours when I show operators: see the images. http://demos.telerik.com/kendo-ui/grid/filter-row
How is it done?
The code is NOT in the demo because I tried it so you are obviously using customisation and/or styling to achieve that effect and that SHOULD also be in the demo code.
How is it done?
The code is NOT in the demo because I tried it so you are obviously using customisation and/or styling to achieve that effect and that SHOULD also be in the demo code.
Atanas Korchev
Telerik team
answered
on
25 Feb 2015
2 answers
257 views
Hi,
I am writing a Kendo SPA application that uses MVVM. I have a Kendo Grid and want to take advantage of the Filter Row capabilities. I want to set up a couple of the column filters to be dropdownlists that are databound to data from a function in the ViewModel. I have tried all different combinations and haven't been able to get it to work. I can create a template function:
Please can you help me achieve this?
The kendo version I am using is 2014.3.1119.
Thanks
I am writing a Kendo SPA application that uses MVVM. I have a Kendo Grid and want to take advantage of the Filter Row capabilities. I want to set up a couple of the column filters to be dropdownlists that are databound to data from a function in the ViewModel. I have tried all different combinations and haven't been able to get it to work. I can create a template function:
template: function (element) { return element.element.kendoDropDownList({ dataSource: ["EquipmentAcquisition", "EquipmentLoan"] }); }with the name of the function in the viewmodel that returns an array it doesn't work. I tried
This works only if I list the values of the datasource explicitly as above. If I replace ["EquipmentAcquisition", "EquipmentLoan"]
template: kendo.template($("#Script1").html())
<script id="Script1" type="text/x-kendo-template"> <div data-role="dropdownlist" data-bind="source: requestTypesSource"></div> </script>but this doesn't work either.
Please can you help me achieve this?
The kendo version I am using is 2014.3.1119.
Thanks
1 answer
225 views
I have a large set of data I want to show in a scatter graph 20,000+ records. I also show a grid of the values to the side. Currently I am bringing all the records back to the client side and binding them to the chart and grid. I have a need to only bring back 10 records at a time and use paging on the grid for performance.
What is the best way to bring back (show) all the data points on the chart, but only a subset for the grid to maintain the best client performance.
Or do I need to switch to ASP.NET Ajax or MVC controls?
Thanks
Wyatt
What is the best way to bring back (show) all the data points on the chart, but only a subset for the grid to maintain the best client performance.
Or do I need to switch to ASP.NET Ajax or MVC controls?
Thanks
Wyatt
T. Tsonev
Telerik team
answered
on
24 Feb 2015
1 answer
182 views
When loading series from DataSource, it seems to only get (display) the Categories from one of the grouped series. Is it possible to get all distinct categories, for when one or more of the series is not as long as the others? See attached image.
Iliana Dyankova
Telerik team
answered
on
24 Feb 2015
