Hello!
I have a quite complex problem with my grid. I use AngularJS and have a grid in the second tab of a TabStrip. The Grid has a button in the HeaderTemplate of a column which is doing some stuff in the ng-click function (also preventing the sorting).
Before the grid should load its data (read method of the datasource), I need to get data from the server.
The problem is: The button in the HeaderTemplate doesn't work in this scenario.
I created a little example which shows the problem:
https://dojo.telerik.com/ameMuWOx/6
If the second tab initially is set to active, everything works fine:
https://dojo.telerik.com/ijazOZAG
It is also working if I don't make the server call before loading the grid AND I remove the ng-if on the grid:
https://dojo.telerik.com/UXUZIHIJ
So I would say it's kind of a timing problem? I really have no idea how to get my first plunkr work without making the grid-tab initial active. Maybe someone can help me finding a solution? It's a very complex problem and maybe I did something wrong.
For now my solution would be setting the grid-tab initial to active and to switch it programmatically after the grid is finished loading. But that wouldn't be a nice solution.
Thanks in advance!
Hi support,
is it possible to limit what the Android/iOS device presents when the "select pictures" is clicked and the kendo upload widget initiates the "camera or pictures" view on the device?
We have a customer that prevents access to the camera on user tablets because their Android devices appear to also give access to the file system (not just the camera and the camera roll). See screen shot.
I'm thinking that the control of the content of the "select picture or camera" dialog is handed over to the device and that their device control system (www.soti.net) should prevent the user's access to the file system.
Best regards
Morten
Hi guys,
I need some help solving a pagination problem I have with my grid in a Razor page.
I using 2 Kendo Grids in a Razor page. Second grid (child grid) is a detail grid populated when user expends rows on the parent grid.
Pagination on the child grid seems not working. It always returns first page. Doing some debugging I observed that even if the page is sent correctly as a string parameter (...&page=3&...) it doesn't get into request.Page property (this is always 1). Please see my UI code below and the screenshots of the my debugging attached.
Thanks,
Mihai
<script id="template_table" type="text/kendo-tmpl">
@(Html.Kendo().Grid<TargetTableViewModel>()
.Name("grid_target_#=TargetId#")
.Columns(columns =>
{
columns.Bound(t => t.TableId).Title("ID").Width(100);
columns.Bound(t => t.TableName);
columns.Command(command => command.Destroy()).Width(150);
})
.ClientDetailTemplateId("template_field")
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(25)
.Model(model => model.Id(t => t.TableId))
.Read(read => read.Action("Targets", "MappingPages", new { handler = "TargetTables", targetId = "#=TargetId#" }).Type(HttpVerbs.Get))
.Destroy(delete => delete.Action("Targets", "MappingPages", new { handler = "DeleteTargetTable" }).Data("sendAntiForgery").Type(HttpVerbs.Post))
.Events(events => events.RequestEnd("onRequestEnd('#=TargetId#')"))
.ServerOperation(true)
)
.Pageable(pageable => pageable.ButtonCount(5))
.Sortable()
.ToClientTemplate())
</script>
Hi- I want to auto change focus on Date Input, I come across knowledge base which explains how to achieve this. My question is whether Telerik planning to have this feature inbuilt instead of work around. Means will be there any property expose so that making this property true this feature gets enable.
Link of work around i came across- https://docs.telerik.com/kendo-ui/knowledge-base/datepicker-auto-change-focus
As this is mostly use feature. I would like to request to add this feature for Date and Date time picker with Date Input by exposing one single property.
I am trying to make my filter time in 24h format but didn't work whatever I ve tried.
I want my filter time to show 24h format as well instead of 12h format.
Thank you!
Hi, I am new with KendoWindow and I got some destroys problem. I use Model KendoWindow to ask confirmation of action on a KendoGrid function. For example, ask for deletion of an item or ask for some item action.
So an button on the command column call a function that ask with modal KendoWindow something than do an AjaxCall to the controller, then reload the grid.
function
CalledByTheGridCommandButton() {
var
wndDiv = $(
"#CopyModalWindows"
);
var
wnd = wndDiv.kendoWindow({
title:
"Report copy"
,
modal:
true
,
visible:
false
,
resizable:
false
,
width: 350
}).data(
"kendoWindow"
);
wndDiv.find(
"#yes"
).click(
function
(e) {
// Hit YES
e.preventDefault();
wnd.close();
kendo.ui.progress($(
"#gridTest"
),
true
);
$.ajax({
url:
"/Admin/Inv_Copy"
,
type:
"POST"
,
data: JSON.stringify({
'SourceId'
: selectedItem.FicheInventaireId,
'Annee'
: $(
"#AnneeInput"
).val(),
'Createur'
: $(
"#CreateurInput"
).val() }),
dataType:
"json"
,
traditional:
true
,
contentType:
"application/json; charset=utf-8"
,
success:
function
(data) {
if
(data.status ===
"Success"
) {
//Success
kendo.ui.progress($(
"#gridTest"
),
false
);
kendoGrid.dataSource.read();
}
else
{
alert(
"Error occurs on the Database level!"
);
}
},
error:
function
() {
alert(
"An error has occured!!!"
);
}
});
});
wndDiv.find(
"#no"
).click(
function
(e) {
//Hit NO
e.preventDefault();
wnd.close();
});
}
But How I can destroy the windows and remove the event on YES and NO button? Do I do it correctly because if I hit several times the command button of the grid I will get multiple YES event attach, then called with unexpected result.
Thanks for your help.
How can I pass field value to @Url.Action or @Url.RouteUrl in my razor view? I am going to use it in my template.
@Url.Action("MyAction", "MyController", new { Id = Id = #=Id# })
@Url.RouteUrl("MyRouteTemp", new { Id = #=Id# }, webHelper.CurrentRequestProtocol);
template: "<a href='" + @Url.Action("MyAction", "MyController", new { Id = Id = #=Id# })'>View Details</a >",
Hi,
I'm Using Kendo UI Date Picker control with DateInput as true and Format as "MM-dd-yyyy". When Date Picker gets render, it shows me mask as "month-day-year" on control.
I want to display mask as "MM-DD-YYYY" to user. How I can change display of mask on control with DateInput true. Thanks!
My Code is as below:-
$ffield.kendoDatePicker({
dateInput: true,
format: "MM-dd-yyyy",
min: new Date(1700, 0, 1)
});
Hi - I'm using Kendo Date Picker and Date Time Picker with Date Input True, also i have update message of date input to change how place holder should display. Her the problem is date format placeholders are displayed even though there is no date set or component is empty. Is there any solution so that place holder gets displayed only when the component is focused?
My Code as below.
$field.kendoDateTimePicker({
dateInput: true,
format: "MM-dd-yyyy hh:mm tt",
parseFormats: "yyyy-MM-dd-HH.mm.ss",
min: new Date(1700, 0, 1)
}).data('kendoDateTimePicker')._dateInput.setOptions({
messages: {
"month": "__",
"day": "__",
"year": "____",
"hour": "__",
"minute": "__",
"dayperiod": "__"
}
});
$field.kendoDatePicker({
dateInput: true,
format: "MM-dd-yyyy",
min: new Date(1700, 0, 1)
}).data('kendoDatePicker')._dateInput.setOptions({
messages: {
month: "__",
year: "____",
day: "__"
}
});