Telerik Forums
Kendo UI for jQuery Forum
2 answers
85 views

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!

BigzampanoXXl
Top achievements
Rank 1
 answered on 29 Oct 2018
4 answers
989 views

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

 

Dimitar
Telerik team
 answered on 29 Oct 2018
3 answers
343 views

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>

Mihail
Top achievements
Rank 1
 answered on 26 Oct 2018
3 answers
514 views

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.

Viktor Tachev
Telerik team
 answered on 26 Oct 2018
1 answer
984 views

I am trying to make my filter time in 24h format but didn't work whatever I ve tried.

 

Here is an example dojo.

 

I want my filter time to show 24h format as well instead of 12h format.

Thank you!

Tsvetomir
Telerik team
 answered on 26 Oct 2018
2 answers
1.5K+ views

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.

Ianko
Telerik team
 answered on 26 Oct 2018
1 answer
3.6K+ views

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 >",

Georgi
Telerik team
 answered on 25 Oct 2018
1 answer
273 views
My Datetime filter works fine but I am looking for a way to hide "Show items with value that:" field over datetime picker so my filer will look cleaner. How can I do that?
Georgi
Telerik team
 answered on 25 Oct 2018
3 answers
1.8K+ views

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)
});

Viktor Tachev
Telerik team
 answered on 25 Oct 2018
1 answer
1.2K+ views

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: "__"
                            }
                        });

Viktor Tachev
Telerik team
 answered on 25 Oct 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?