Questions on Kendo UI for jQuery Forum

10 answers

389 views

Local Bind and filter or sort don't work

hello,

I am use this example http://dojo.telerik.com/AZamu/2, with local binding I was modify to sort and filter and it don't work, this is my code:

<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/pivotgrid/local-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>
<script src="../content/shared/js/products.js"></script>

<div id="example">
<div id="configurator"></div>
<div id="pivotgrid"></div>

<script>
$(document).ready(function () {
var pivotgrid = $("#pivotgrid").kendoPivotGrid({
columnWidth: 120,
height: 570,
filterable: true,
sortable: true,
dataSource: {
data: products,
schema: {
model: {
fields: {
ProductName: { type: "string" },
UnitPrice: { type: "number" },
UnitsInStock: { type: "number" },
Discontinued: { type: "boolean" },
CategoryName: { field: "Category.CategoryName" }
}
},
cube: {
dimensions: {
ProductName: { caption: "All Products" },
CategoryName: { caption: "All Categories" },
Discontinued: { caption: "Discontinued" }
},
measures: {
"Sum": { field: "UnitPrice", format: "{0:c}", aggregate: "sum" },
"Average": { field: "UnitPrice", format: "{0:c}", aggregate: "average" }
}
}
},
columns: [{ name: "CategoryName", expand: true }, { name: "ProductName" } ],
rows: [{ name: "Discontinued", expand: true }],
measures: ["Sum"]
}
}).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>

Why It don't work wiht local bind?

Thanks.

PivotGrid

answered on 18 Nov 2020

2 answers

128 views

datasource grid date formatting

https://dojo.telerik.com/aDalAvav/3

Dear sirs, the architecture requires to call "doc.subdoc" field by it's name.

So I have troubles formatting the dates to my localdate, as you can see the example.

Please, help.

Thank you.

Data Source

answered on 18 Nov 2020

5 answers

4.3K+ views

How to get current page number - MVC

Hi,

I want to get current page number of Kendo Grid.
Please can you show me the way for model in view and controller?

Thanks,
Nirav

Grid

answered on 17 Nov 2020

3 answers

311 views

Grid save event fires before column editor drop down list change event

We're using the approach to show a drop down list in the grid row when a user clicks on the cell. In the change event we're changing values in the grid's data source to match a selection made from the drop down list.

This all seems to work fine, the grid datasource values are being changed, the only problem is that the grid's save event fires before dropDownList's change event.
This is a problem because the grid's dataSource.dataItem values have not been changed yet.

Question is: Why would the grid's save event fire before the change event of the dropDownList. More importantly, is there some other event we can bind to on the dropDownList which will happen before the grid's save event is called?

The importance here is that the grid's save event is calling a refresh on the grid.

Grid

answered on 17 Nov 2020

1 answer

1.3K+ views

Change language in scheduler.

i want to change the labels/button labels,view names and other texts in scheduler to a given language. And as you have mentioned in your posts i set a culture for my scheduler

This is how i did it.

eg: kendo.culture('zh-CN');

will this be enough?? Do i have to create the localization file too. If so is there ay proper place to find these localization files and where should i store the file?

Scheduler

answered on 17 Nov 2020

5 answers

788 views

Grid foreign key column won't save new dropdown selections, only update existing non null selections

I'm having an odd problem with my KendoUI grid using Odata-V4. I have a foreign key lookup, and if I have a value in the lookup field, I can update it just fine- I get an indicator that the field is dirty and it's updated when I save the grid. However, if there is no value when I load the item, I can choose an item in the dropdown but the selection isn't saved- the grid shows a blank value when I focus away from the foreign key dropdown and I can't save the grid; if I change another value and save it, the FK dropdown didn't set the value in the object. I'm hoping someone's run into this before? Thanks so much for any input.

var dataSource = new kendo.data.DataSource({
type: "odata-v4",
transport: {
read: {
xhrFields: { withCredentials: true },
url: "/odata/ProvisionalAppointments"
},
update: {
xhrFields: { withCredentials: true },
url: function (data) {
return "/odata/ProvisionalAppointments(" + data.Id + ")";
}
}
},
schema: {
model: {
id: "Id",
fields: {
Id: {type: "number" },
CustomerFirstName: { type: "string", editable: false },
CustomerLastName: { type: "string", editable: false },
CustomerPhoneNumber: { type: "string", editable: false },
FromDate: { type: "date", editable: false },
ToDate: { type: "date", editable: false },
ServiceId: { type: "number" },
LocationId: { type: "number" },
EmployeeId: { type: "number" },
IsApproved: { type: "bool" }
}
}
},
pageSize: 5,
serverPaging: true,
serverFiltering: true,
serverSorting: true
});

var servicesDataSource = new kendo.data.DataSource({
type: "odata-v4",
transport: {
read: {
xhrFields: { withCredentials: true },
url: "/odata/Services"
}
},
schema: {
model:
{
id: "Id",
fields:
{
Id: {
editable: false
},
Name: {
type: "string"
}
}
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true
});

$("#grid").kendoGrid({
dataSource: dataSource,
toolbar: ["save", "cancel", "excel", "pdf"],
excel: {
allPages: true,
filterable: true
},
pdf: {
allPages: true
},
sortable: { mode: "multiple" },
pageable: {
pageSizes: [5, 10, 20, 50]
},
editable: true,
reordable: true,
resizable: true,
columns: [
{ field: "CustomerFirstName", title: "First Name" },
{ field: "CustomerLastName", title: "Last Name" },
{ field: "CustomerPhoneNumber", title: "Phone" },
{ field: "FromDate", title: "When", template: '#= kendo.toString(kendo.parseDate(FromDate), "M-d h:mm tt")#-#= kendo.toString(kendo.parseDate(ToDate), "h:mm tt")#' },
{ field: "ServiceId", title: "Service", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
{ field: "LocationId", title: "Location", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
{ field: "EmployeeId", title: "Employee", dataTextField: "Name", dataValueField: "Id", dataSource: employeesDataSource },
{
command: [{ name: "approve", template: "<a class='k-button k-grid-approve approve'><span class='k-icon k-i-check-outline'></span>Approve</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: approveAppointment },
{ name: "revokeApproval", template: "<a class='k-button k-grid-revokeApproval approved'><span class='k-icon k-i-check-circle'></span>Undo Approval</a>", visible: function (dataItem) { return dataItem.IsApproved === true; }, click: revokeApproveAppointment },
{ name: "reject", template: "<a class='k-button k-grid-reject reject'><span class='k-icon k-i-cancel'></span>Reject</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: rejectAppointment },
{ name: "revokeRejection", template: "<a class='k-button k-grid-revokeRejection rejected'><span class='k-icon k-i-cancel-circle'></span>Undo Rejection</a>", visible: function (dataItem) { return dataItem.IsApproved === false; }, click: revokeApproveAppointment }
], width: "275px"
}
],
allowCopy: {
delimeter: ","
},
mobile: true,
navigatable: true
});

Grid

answered on 17 Nov 2020

1 answer

93 views

Customize 'show full day/Show bussiness hours' label

In my project i have a requirement to customize the 'show full day/Show bussiness hours' button label in the scheduler. As far i have investigated i couldn't find a proper solution for this in your supported templates??.

Scheduler

answered on 17 Nov 2020

6 answers

3.3K+ views

Grid Horizontal scrolling not working

Dear Community,

I have set grid width as 500 and have defined width of all of its columns and their total width (800) exceeds grid's width (500) but still horizontal scrolling is not coming.

Is there any property setting that needs to be done? Please share a working code with me.

Cheers,
Shiva

Grid

answered on 17 Nov 2020

6 answers

227 views

MapLayerType.Bing Use in Kendo Map

We are using the Kendo Map control with the layer type as "Type(MapLayerType.Bing)" on a number of our pages. Leadership is asking if the Kendo Map control is impacted by the "end of life for Bing Maps AJAX V7 Control (V7) and SOAP Web Services offerings". I have researched the kendo site but have found no documentation on what Bing services the Kendo Map control uses when the type is equal to "MapLayerType.Bing". I don't think there is an impact, but I am looking for confirmation.

Map

answered on 16 Nov 2020

3 answers

295 views

Shape resize behavior

I have a question about the resize behavior of shapes in a diagram.

It appears to me that shapes are getting 'zoomed' or 'stretched' but not actually properly resized.

Please take a look at the attached screenshots.

Also, the borders (strokeWidth stays the same) get stretched and out of proportion, as well as the text (fontSize stays the same).

Is there any way to alter the 'resize' behavior of shapes - because in my opinion it's not actually a resize but rather a strech or zoom and doesn't really look as good as it should.

Diagram

answered on 16 Nov 2020