If I'm using the CDN, and it's an older project I want to update to the latest version, how do I know what that latest version is? For example, I'm using
<script src=
"//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"
></script>
But VS2015 prompted methat Telerik had an update... I was knee deep in stuff and didn;t really pay attention to the version number... So where would I find the latest version number so I can change my CDN url respectively?
Hello Team,
we are facing issue where we want to merge cell on kendo grid, Is it possible or supported by kendo?
I attached the sample grid.
Tq Team
<UPDATE from 14 Jul 2016>
Official support for ASP.NET Core 1.0 RTM is available in the R2 2016 SP2 release of UI for ASP.NET MVC. The Official ASP.NET Core 1.0 Support Now in UI for ASP.NET MVC blog post provides details on how to download the package via nuget, what the new assembly names are and some useful links to get you started.
</UPDATE
<UPDATE from 30 Jun 2016>
The LIB is out and you can download it from your Telerik.com accounts as shown in this screenshot. The nuget installation is placed inside this folder: telerik.ui.for.aspnetmvc.hotfix.2016.2.630.commercial.7z\wrappers\aspnetmvc\Binaries\Mvc6.
You can also download a preview NuGet package for testing purposes from https://www.nuget.org/packages/Kendo.Mvc/2016.2.630-Preview.
The official release scheduled for mid-July is cooking and will incorporate all critical bug fixes reported by you - our valuable community!
</UPDATE>
Hi guys,
I'm eager to inform you that we are going to release soon a latest
internal build for UI for ASP.NET MVC especially built against the new
ASP.NET Core 1.0 RTM. I am going to inform you here once the LIB is out.
We will be glad to receive any fast feedback and bug reports, the
best of which will try to incorporate in the official R2 2016 SP2
release of UI for ASP.NET MVC planned for mid-July.
You can find more information along with known problems in the following resources:
The New .NET Core 1.0 Is Here,
Kendo.Mvc 2016.2.617 throws TypeLoadException in Asp.Net Core 1.0 RTM.
Best regards,
Rumen Jekov
DevTools Product Manager
Hi
I've got the following TabStrip which loads partial views in each tab. The partial views have previous and next buttons which navigate to the relevant tab. I determine the tab that needs to be selected in the controller. How do I set the selected tab index?
I tried multiple options but none work.
I am new to Kendo so any help will be appreciated.
Thanks.
------------------------------------------------------------------
<div id="tabs">
<hr />
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Scrollable(false)
.Items(tabstrip =>
{
tabstrip.Add().Text("Step 1").LoadContentFrom("_Step1", "ManageFbo").Selected(true);
tabstrip.Add().Text("Step 2").LoadContentFrom("_Step2", "ManageFbo");
tabstrip.Add().Text("Step 3").LoadContentFrom("_Step3", "ManageFbo");
})
)
</div>
I have a treeview that has text in 3 levels and on the third level/depth I want to show 4 clickable icons infront of said text, which link to a controler action that fetches an image with a certain id. that is all 4 icons/images have links with different id's
What is the simplest way to do this ?
Regards,
Emil
Hi!
I've setup a pure client side grid that does non-batch CRUD on a local array. There is a dropdown cascading involved. After selecting Terminal, the list of Services is filtered. The data that is received for this list by ajax contains the fee of that service. I want that fee value to be taken an update the current new/edit row's fee cell in grid after the selection. Here is what I have so far:
The Grid and supporting functionality:
var
terminals = [];
var
services = [];
var
kendoDataSource =
new
kendo.data.DataSource({
data: createRandomData(),
pageSize: 5,
schema: {
model: {
id:
"ParkingServiceId"
,
fields: {
ParkingServiceId: { type:
'number'
, editable:
false
},
TerminalId: { type:
'number'
, validation: { required:
true
} },
ServiceId: { type:
'number'
, validation: { required:
true
} },
ParkingCardNumber: { type:
'string'
},
ParkingCardIssueDate: { type:
'date'
, validation: { required:
true
} },
ParkingCardExpiryDate: { type:
'date'
, validation: { required:
true
} },
ParkingCardGroup: { type:
'string'
},
ServiceFee: { type:
'number'
, validation: { min: 0, required:
true
} }
}
}
}
});
var
gridMain = $(
"#serviceDetailsGrid"
).kendoGrid({
dataSource: kendoDataSource,
pageable:
false
,
sortable:
false
,
toolbar: [
"create"
],
columns:
[
{ field:
"ParkingServiceId"
, width: 90, title:
"Id"
, hidden:
true
},
{ field:
"TerminalId"
, width: 130, title:
"Terminal"
, template: getTerminalTitle, editor: terminalDropDownEditor },
{ field:
"ServiceId"
, title:
"Service"
, template: getServiceTitle, editor: serviceDropDownEditor },
{ field:
"ParkingCardNumber"
, width: 100, title:
"Card #"
},
{ field:
"ParkingCardIssueDate"
, width: 112, title:
"Issued On"
, format:
"{0:dd-MMM-yyyy}"
, template:
"#= kendo.toString(kendo.parseDate(ParkingCardIssueDate, 'dd-MMM-yyyy'), 'MM/dd/yyyy') #"
},
{ field:
"ParkingCardExpiryDate"
, width: 112, title:
"Expiry"
, format:
"{0:dd-MMM-yyyy}"
, template:
"#= kendo.toString(kendo.parseDate(ParkingCardExpiryDate, 'dd-MMM-yyyy'), 'MM/dd/yyyy') #"
},
{ field:
"ServiceFee"
, editable:
false
, width: 100, title:
"Fee"
},
{ command: [
"edit"
,
"destroy"
], title:
" "
, width:
"200px"
}
],
editable:
"inline"
,
cancel:
function
(e) { $(
'#serviceDetailsGrid'
).data(
'kendoGrid'
).dataSource.cancelChanges(); }
}).data(
"kendoGrid"
);
function
createRandomData() {
var
data = [];
data.push({
ParkingServiceId: 1,
TerminalId: 0,
ServiceId: 54,
ParkingCardNumber:
'CARD113'
,
ParkingCardIssueDate: parseDateMonthStyle(
'01-May-16'
),
ParkingCardExpiryDate: parseDateMonthStyle(
'01-May-17'
),
ParkingCardGroup:
'SomeText1'
,
ServiceFee: 940
});
data.push({
ParkingServiceId: 2,
TerminalId: 1,
ServiceId: 164,
ParkingCardNumber:
'CARD114'
,
ParkingCardIssueDate: parseDateMonthStyle(
'01-May-16'
),
ParkingCardExpiryDate: parseDateMonthStyle(
'01-Nov-16'
),
ParkingCardGroup:
'SomeText2'
,
ServiceFee: 470
});
data.push({
ParkingServiceId: 3,
TerminalId: 2,
ServiceId: 1554,
ParkingCardNumber:
'CARD115'
,
ParkingCardIssueDate: parseDateMonthStyle(
'01-May-16'
),
ParkingCardExpiryDate: parseDateMonthStyle(
'01-Aug-16'
),
ParkingCardGroup:
'SomeText3'
,
ServiceFee: 235
});
return
data;
}
function
getTerminalOffline() {
return
terminals;
}
function
setTerminalOffline(setter) {
console.log(
"Terminals from cache: "
+ setter.length);
terminals = setter;
}
function
getServiceOffline() {
return
services;
}
function
setServiceOffline(setter) {
console.log(
"Services from cache: "
+ setter.length);
services = setter;
}
function
filterServices(filter) {
var
temp = [];
$.each(getServiceOffline(),
function
() {
if
($(
this
).text.indexOf(filter) > 0) { temp.push($(
this
)); }
});
return
temp;
}
function
getTerminalTitle(container, options) {
var
terminalId = container.TerminalId;
for
(
var
i = 0; i < getTerminalOffline().length; i++) {
if
(getTerminalOffline()[i].TerminalId === terminalId) {
return
getTerminalOffline()[i].TerminalName;
}
}
return
'N/A ('
+ getTerminalOffline().length +
")"
;
}
function
getServiceTitle(container, options) {
var
serviceId = container.ServiceId;
for
(
var
i = 0; i < getServiceOffline().length; i++) {
if
(getServiceOffline()[i].Code === serviceId) {
return
getServiceOffline()[i].NameEnglish;
}
}
return
'N/A ('
+ getServiceOffline().length +
")"
;
}
function
refreshGrid() {
gridMain.dataSource.read();
gridMain.refresh();
}
$(
function
() {
$.post(
"/Ajax/GetTerminalsCache"
)
.done(
function
(response) {
if
(response.length > 0) {
setTerminalOffline(response);
$.post(
"/Ajax/GetAllServicesCache"
)
.done(
function
(response) {
if
(response.length > 0) {
setServiceOffline(response);
refreshGrid();
}
})
.fail(
function
(err) {
console.log(err);
});
}
})
.fail(
function
(err) {
console.log(err);
});
});
The OnChange events:
function
terminalDropDown_OnChange() {
var
companyId = $(
"#CompanyId"
).val();
var
terminalId = $(
"input[id^='terminalsDropDownList']"
).data(
"kendoDropDownList"
).value();
var
serviceDdl = $(
"input[id^='servicesDropDownList']"
).data(
"kendoDropDownList"
);
serviceDdl.value(
""
);
$.post(
"/Ajax/GetTerminalServices"
, { companyId: companyId, terminalId: terminalId })
.done(
function
(response) {
if
(response.length > 0) {
serviceDdl.setDataSource(response);
}
})
.fail(
function
(err) {
console.log(err);
});
}
function
serviceDropDown_OnChange(a) {
var
serviceDropDown = $(
"input[id^='servicesDropDownList']"
).data(
"kendoDropDownList"
);
var
extract = serviceDropDown.dataItem(serviceDropDown.select());
// I have the fee at extract.Fee
}
The above code for terminals updates the services and I'm able to extract Fee from the dataItem of service. Now I want to update the grid current row which can be the first row in case of new record or current edit row. Once I have the the row, I need to access it's dataItem and update the ServiceFee column.
Issues/questions:
I have created view in ASP.NET MVC Application containing kendo MVC dropdown and Kendo MVC Grid. Dropdown is filtering Grid. Base on query I get different number of columns(some of them are similar). I want to bind these columns dynamically to Grid. I am using View Model for view.
Please suggest what is better way to implement.
Following demo explains similar to what I want to achieve except not using user defined View Model( instead using System.Datatable as Model )
I want to do similar to following but using Kendo MVC html Helper instead of Kendo UI widgets.
Found following approach.
Thanks
Hello,
We are trying to get the Gantt to display just a selected date range for tasks and subtasks, without the ability to scroll forward or backwards past those explicit dates. I am altering start and end dates for tasks that start before or end after the designated date ranges so they do not go outside of the time period we want to display. This works well on the start side of the timeline, however, the end of the time line always displays more time periods.
An example. Selected date range is 1/1/2016 --> 12/31/2017, using Year view. All tasks start at or after the selected start (any task that starts before the 1/1/2016 date is altered to start on 1/1/2016), and all tasks are updated to end at or before the selected end date. Gantt time line starts correctly at 1/1/2016 and does not allow scrolling prior to that date. All tasks/subtasks end (or were altered to end) before the end date, but the timeline scrolls for another whole year through 12/31/2018. Is there any way to force the timeline to end at a specified date?
Let me know if you need further clarification, and thank you.
Hi
I have the menu below which is dynamically created from the database. It shows Category and their respective SubCategories. I also have the url that it needs to navigate to stored in the database. How can I load the relevant url when the user clicks on a menu item?
The code for my menu is:
@(Html.Kendo().Menu()
.Name("Menu")
.BindTo(Model.categories, mappings =>
{
mappings.For<PhytClean.Models.DB.Category>(
binding => binding.ItemDataBound((item, category) =>
{
item.Text = category.CategoryName;
}).Children(category => category.SubCategories)
);
mappings.For<PhytClean.Models.DB.SubCategory>(binding => binding.ItemDataBound((item, subCategory) =>
{
item.Text = subCategory.SubCategoryName;
}));
})
)
I tried using the following to see if it would get me the URL field from that database entity but it returns "undefined"
<script type="text/javascript">
$(function () {
$("#Menu").kendoMenu({
select: function (e) {
var url = $(e.item).find(".k-link").attr("URL");
}
});
});
</script>
Any assistance would be appreciated.
Thanks