Hi!
I need to define some Hierarches in a pivot table with json data (not olap/xmla).
I can't find an example of this, the only example of Local Binding (http://demos.telerik.com/kendo-ui/pivotgrid/local-flat-data-binding) is very simple.
In this example, "All Categories" and "All Product" are two different ways to separate the data. What i need is a nested relation Category -> Product, so i can't view mesaures by product if i don't open the category first.
An example of this can be viewed on the "Basic Usage" example (http://demos.telerik.com/kendo-ui/pivotgrid/index). If you drag "Customer" fields into "ROWS" section, you will see nested fields in the pivot table (All Customes -> Australia, Canada, France...). See the image.
Any advice to configure the hierarchies?
Thanks!
Hi,
I have a requirement to display data on page scroll which is working fine , now client also want to freeze header when scrolling the page.
Thanks
I am trying to select all rows, but I also have paging enabled. I am using the angular grid control.
I have checkbox column with a checkbox for select all in the header row. I am utilizing the option that I have seen in other posts to select all:
grid.items().addClass('k-state-selected');
This seems to work for the page that I am viewing, but I want to select all rows on all pages. Is there a way to do this with paging enabled?

Hi all,
We has some issue with DDL.
There is some description:
We have kendo window
with two DDL.
<select kendo-drop-down-list id="aaa"k-data-text-field="'Name'"k-data-value-field="'Id'"k-data-source="OneSource" /><select kendo-drop-down-listid="bbb"k-data-text-field="'Name'"k-data-value-field="'Id'"k-cascade-from-field="'parentid'"k-cascade-from="'aaa'"k-data-source="TwoSource" />--------------------------------------
And data from server. [Server give all data (I`ll check with fiddler)]
Parent ds: (OneSource)
{"Id":1,"CodeXXX":"One","Name":"SuperValue","RandomNumber":1},{"Id":2,"CodeXXX":"Two","Name":"SuperValue2","RandomNumber":2}Child ds: (TwoSource)
{"Id":1,"CodeXXX":"A","Name":"Name1","parentid":1,"RandomNumber":1},{"Id":2,"CodeXXX":"B","Name":"Name2","parentid":1,"RandomNumber":2},{"Id":4,"CodeXXX":"C","Name":"Name3","parentid":1,"RandomNumber":3},{"Id":5,"CodeXXX":"D","Name":"Name4","parentid":1,"RandomNumber":4},First ddl work properly but second didn't cascade or show any date.
If it is important we are using v2015.2.805

chartDataEl.dataSource = new kendo.data.DataSource({ transport: { type: 'json', read: function(options) { //console.log('barchart read called'); var request = vm.shipmentManagementRequest; request.RequestType = myChart.chartData.htmlID; shipmentService.getBasicChartData(request) .then(function(result) { options.success(result.data); }).catch(function(error) { options.error(error); }); } }, sort: { field: "date", dir: "asc" }, schema: { model: { fields: { date: { type: "date" } } } }});value binding relies on the change DOM event which is raised after blurring an input element whose value has changed. This means that the
value from the View-Model will be updated when the input element loses focus.
Im not seeing any events. I think it might be the format on start and end.
This is my schedule options:
$scope.schedulerOptions = { date: new Date("2015/12/28"), startTime: new Date("2015/12/28 07:00 AM"), views: [ "day", { type: "workWeek", selected: true }, "week", "month", ], timezone: "Etc/UTC", dataSource: { data: $scope.panel.entities, schema: { model: { id: "taskId", fields: { taskId: { from: "taskID", type: "number" }, title: { from: "title", defaultValue: "No title", validation: { required: true } }, start: { type: "date", from: "start" }, end: { type: "date", from: "end" } } } }, }, };And the json string in $scope.panel.entities looks like this:
{"date":"2015-12-27T23:00:00.000Z","startTime":"2015-12-28T06:00:00.000Z","views":[" day",{ "type":"workWeek", "selected":true}, "week", "month"],"timezone":"Etc/UTC","dataSource":{ "data":[{ "taskId":1, "title":"Skoter", "start":"2015-12-29T08:00:00Z", "end":"2015-12-29T13:00:00Z", "description":"Ã…ka skoter", "ownerId":1 }], "schema":{ "model":{ "id":"taskId", "fields":{ "taskId":{ "from":"taskID","type":"number" },"title":{ "from":"title", "defaultValue":"No title", "validation":{ "required":true } }, "start":{ "type":"date", "from":"start" }, "end":{ "type":"date", "from":"end" }, "description":{ "from":"description" }, "ownerId":{ "from":"ownerID", "defaultValue":1 } } }, "timezone":"Etc/UTC" }, "filter":{ "logic":"or", "filters":[{ "field":"ownerId", "operator":"eq", "value":1 },{ "field":"ownerId", "operator":"eq", "value":2 } ]}}}I am passing json data to a Kendo javascript pie chart, but I would like to display 2 values on the chart, one is the number of units and the other is the % value of those units to the whole. For example,
Units Sold
100 Apples - 25%
200 Oranges - 50%
100 Peaches - 25%
I assume I can do it, but I don't know the syntax for the template. Thanks.
I have a Hierarchical grid and I'm trying to add a custom editor for pop-up editing. When I add the template to the child grid and click on the "edit" button, i get a invalid template error. If i add that same template to the parent, it works fine.
Here is the error in console:
Uncaught Error: Invalid template:'<div class="row popupForm"> <div class="col-xs-10">
I've attached a screenshot of what my grid looks like.
Here is the code
<PARENT>
@(Html.Kendo().Grid<ParentViewModel>()
.Name("GridAdjax")
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Events(events => events.Error("error_handler"))
.Read(read => read.Action("Read", "controller"))
.Model(model =>
{
model.Id(c => c.Id);
})
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Events(events => events.RequestEnd("onRequestEnd"))
)
.Columns(columns =>
{
columns.Bound(p => p.CompanyName).Title("Company Name");
columns.Bound(p => p.CompanyDomain).Title("Company Domain");
columns.Bound(p => p.CompanySecurityRole).Title("Security Role");
columns.Bound(p => p.CompanySecurityGroup).Title("Security Group");
})
.ClientDetailTemplateId("template")
.Pageable()
.Sortable()
.Resizable(resize => resize.Columns(true))
.Events(e => e.DataBound("OnDataBound"))
.Deferred()
)
<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().Grid<ChildlViewModel>()
.Name("grid_#=CompanyId#")
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Update(update => update.Action("CompanyList_Update", "Administration"))
.Read(read => read.Action("Read", "Child", new { companyId = "#=CompanyId#" }))
.Model(model =>
{
model.Id(c => c.Id);
model.Field(c => c.CompanySoldTo).Editable(true);
model.Field(c => c.CompanyDistributionChannel).Editable(true);
model.Field(c => c.CompanyDivision).Editable(true);
model.Field(c => c.CompanyPlant).Editable(true);
model.Field(c => c.CompanySalesOrg).Editable(true);
})
)
.Columns(columns =>
{
columns.Bound(p => p.CompanySoldTo).Title("Sold To");
columns.Bound(p => p.CompanyDistributionChannel).Title("Dist. Chan.");
columns.Bound(p => p.CompanyPlant).Title("Plant");
columns.Bound(p => p.CompanySalesOrg).Title("Sales Org");
columns.Command(command => { command.Edit(); }).Title(("Edit SAP Info."));
})
.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Detail"))
.Pageable()
.Sortable()
.ToClientTemplate()
)
</script>
<script>
function dataBound() {
this.expandRow(this.tbody.find("tr.k-master-row").first());
}
</script>
Hello,
I was looking today at the blog post http://www.telerik.com/blogs/please-respect-the-back-button
when running the sample http://jsbin.com/OHemASes/3 i was able to see that pressing back button after navigating to the "Orders" links works as expected when
moving between pages.
However, after moving to a specific page I have copied the url (http://output.jsbin.com/OHemASes/3#/orders/5) and paste it to a new browser instance.
The router did direct the app to Orders view but the selected page was 1.
Shouldn't page 5 supposed to be selected in this scenario ?
thx
Sagi