Telerik Forums
UI for ASP.NET MVC Forum
4 answers
1.2K+ views
Hi,
I'm building SPA using kendo ui and angularjs for client-side and asp.net web api for server-side. Customer wants server paging, filtering and sorting in grids. I know, how to configure kendo grid, so I only need to implement it on my server.
I found solution to use .ToDataSourceResult() with the DataSourceRequest parameter, but the problem is that I'm not using entity framework for all db stuff - the requirement is to use dapper https://github.com/StackExchange/dapper-dot-net, so I should generate sql queries on the fly.
Are there some code samples or even already written components for this scenario?
Richard
Top achievements
Rank 1
 answered on 31 May 2017
4 answers
1.1K+ views

I created a new project using the Telerik ASP.NET Core MVC Application template.  After the solution is created there is an error saying the dependency is missing.

What needs to be installed to have this dependency?

I have the latest DevTools (v2016.2.714) installed.

 

Nikolay Mishev
Telerik team
 answered on 31 May 2017
1 answer
228 views

Dear Team...

 

I am new to Kendo implementation and hence i am creating this thread.

Currently, i am working on Kendo UI in my ASP.NET MVC application and i am facing issues in Grid Globalization...

 

Problem Statement

The application is a multi-lingual application which needs to change the language based on the user's preference.

Now, if user changes his preference to "DE" from "EN" then, on the next login the complete application should load in "DE".

 

Approach to the Problem

For other part of the application i am using Resource files and everything is working as expected

But, for kendo UI components such as grid etc. i need them to be loaded in "DE" too.. Based on the http://docs.telerik.com/aspnet-mvc/getting-started/globalization#localized-user-interface, i implemented the below lines in my layout.cshtml page so that it will be applied to all the pages...

_Loyout.cshtml

@{
        var culture = System.Globalization.CultureInfo.CurrentCulture.ToString();
    }
    <script src="@Url.Content("~/Scripts/kendo/2017.2.504/cultures/kendo.culture." + culture + ".min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2017.2.504/messages/kendo.messages." + culture + ".min.js")"></script>
    <script>
        @Html.Kendo().Culture(false)
    </script>

 

Issue

Kendo grid is not changing "DE" language, i am still seeing some the english text such as "Items", "items per Page", etc.

Question

Could any one please let me know how to implement the Globalization in a proper way so that i can see the grid in complete "DE" language...?

 

Thanks,

Krishna

Georgi
Telerik team
 answered on 30 May 2017
2 answers
649 views

Hi,

I'm using an MVC Window on one of my pages.  When I attempt to open the window in Chrome, I see a little gray rectangle where the "X" button should be.  When I open it in Internet Explorer 11, I don't see any button at all.  The button still works as intended when I hover over where the button should be.  This only happens when I publish to IIS.  Local runs on my PC work just fine -- I can see the "X".

Note that our remote web servers can't connect to the Internet at all.  Could that be an issue?  Is there a workaround?

Any thoughts?  Thanks!

01.@(Html.Kendo().Window()
02.    .Name("depwin")
03.    .Width(950)
04.    .Height(650)
05.    .Position(p => p.Top(100).Left(100))
06.    .Title("Application Dependencies")
07.    .Modal(true)
08.    .Iframe(true)
09.    .Draggable(true)
10.    .LoadContentFrom("Dependencies", "Application", new { id = Model.Id })
11.)
Brian
Top achievements
Rank 2
Iron
 answered on 30 May 2017
2 answers
201 views

I have a bar chart, which has a pop-up pie chart (showing some more granular information) in a tooltip.

This works well, except I don't seem able to change the thick border surrounding the pop-up chart (image attached). I've tried configuring the various borders (tooltip on the main chart, chartArea on the pop-Up chart etc..), but nothing makes any difference.  What do I need to set to reduce the border thickness?

The main chart tooltip is defined here:-

.Tooltip(tooltip => tooltip
            .Visible(true)
           .Template("#=tooltipTemplate(dataItem)#")
        )

 

The tooltip template here:-

<script id="childChartTemplate" type="text/x-kendo-template">
    <div id="childChart" />
    # setTimeout(function() { createChildChart(AdditionalID,Year,Mth,XValue); }) #
</script>

 

The JavaScript is:-

var tooltipTemplate = kendo.template($("#childChartTemplate").html());
 
 
           function createChildChart(medicID,Year, Mth, PractName) {
 
               var childDataSource = new kendo.data.DataSource({
 
                   transport: {
                       read: {
                           url: "@Url.Content("~/Dashboard/GetMonthlyMedicSessionSummary/Get")",
                   dataType: "json",
                   data: {
                       MedicID: medicID,
                       year: Year,
                       mth:Mth,
                       DirectorateID: selectedDirectorate
                   }
               }
               }
           });
           $("#childChart").kendoChart({
               dataSource: childDataSource,
               title: {
                   text: "Session Type Split - " + PractName,
                   font: "11px Arial"
 
               },
               theme:"bootstrap",
               legend: {
                   visible: true
               },
               seriesDefaults: {
                   type: "pie",
                   labels: {
                       visible: true,
                       format: "{0}"
                   }
               },
               
               series: [{
                   field: "YIntValue",
                   categoryField: "XValue",
                   name: "Session Type",
                   labels: {
                       visible: true,
                       distance: 15
 
                   }
               }]
           });
           }

Thanks

 

AP
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 30 May 2017
5 answers
1.0K+ views

(See attachment)

I have a grid that needs:

1. Two PDF export buttons and 1 Excel export button.

2. Include the hidden or not visible columns.

3. Change the PDF export look. The export looks like a screen shot of the grid and won't fly with the users.

 

TIA

Brent

Stefan
Telerik team
 answered on 29 May 2017
1 answer
683 views

Hello,  currently i have this and it works great..   What i need is for the Categories in CategoryAxis to be dynamicand not the static .Categories("1", "2", "3", "4", "5")..       

I already have the value i want to put in there coming from my model,  its "@item.SurveyLinearCounts.FirstOrDefault().Min"   for the minimum value  and  @item.SurveyLinearCounts.FirstOrDefault().Max"   for the maximum

   How do i do this.?

 @(Html.Kendo().Chart<AnalyzeResponseViewModel>()
                                  .Name(@item.SurveyQuestionID.ToString())
                                  .Legend(legend => legend
                                      .Position(ChartLegendPosition.Top)
                                      .Visible(true)
                                  )
                                  .ChartArea(chartArea => chartArea
                                      .Background("transparent")
                                  )
                                  .Series(series =>
                                  {
                                      series.Column(model => model.ResponseCount).Name("Count").Tooltip(tooltip => tooltip.Visible(true).Template("#= series.name #: #=  value #"));
                                  })
                                   .CategoryAxis(axis => axis
                                      .Categories("1", "2", "3", "4", "5")
                                      .MajorGridLines(lines => lines.Visible(false))
                                  )
                              .
                              )
                                  .ValueAxis(axis => axis
                                      .Numeric()
                                      .Line(line => line.Visible(false))
                                      .MajorGridLines(lines => lines.Visible(true))
                                  )
                                  .DataSource(ds => ds
                                      .Read(read => read.Action("GetSurveyResponseChart", "DataSource", new { item.SurveyQuestionID })))
                                  .Tooltip(tooltip => tooltip.Visible(true).Template("#= series.name #: #= value #")))
Alex Hajigeorgieva
Telerik team
 answered on 29 May 2017
1 answer
259 views

I have been trying to make Kendo MVC be able to display dates like "March 5 2013" using Kendo MVC. 

 

I am also using JQuery Validator. It is very unclear to me how the validator and the date format work together, and I cannot see any documentation for how this works, and can be adjusted. 

Code in the CSHTML file : 

 

@(Html.Kendo().DatePickerFor(m => m.StartDate).Format("yyyy-MM-dd") 

in my CS m.StartDate is just a .net DateTime object. 

I have found that no matter what, I cannot get the dates to bind correctly in chrome unless I use the date format above (If I do not supply dates in the above format, the date field is blank)

 

I have added the locale specific scripts, so that doesn't appear to be an issue.

I have also tried applying 

[DisplayFormat(DateFormatString="MMMM dd yyyy")] to the StartDate object being passed through in my model. 

 

It seems like the Date handling for non locale specific dates in  Kendo is really badly broken - I am hoping that I am missing something. 

 

Looking at the data being passed to the browser, it appears that it uses the DateFormatString to define how to send the data across the wire, and then relies on the client JavaScript having the correct locale defined so that the two match. This in my opinion is just asking for trouble, and very fragile.

Is there a way that we can define a single format (regardless of locale ) to send across the wire, and the use the displayformat ONLY to display the data?

I have searched the forums, and looked through the documentation, but alas, I cannot see a way to make this work sensibly. 

There does not seem to be a custom date format example anywhere that works :(

Please correct me if I am wrong. 

 

 

 

Stefan
Telerik team
 answered on 29 May 2017
5 answers
307 views

Hello,

I have some issues with the scheduler:

- I create an event and go back to his edit form right after, if I click on Cancel the event disapears. If I refresh the scheduler the event is still there and I can cancel the event i won't disapear .

I  saw the same problem in another ticket (http://www.telerik.com/forums/events-disappear-after-canceling-the-detail-modal---help) but my event has an ID when I controll it in DEGUB.

- I have the same issue when I create an event and modify it right after. The event will be duplicated. But if I refresh the sheduler after the creation, I can modify it and it won't be duplicated.

 

I think both issues are linked. Do you have a solution ?

Thank you,

Julien
Top achievements
Rank 1
 answered on 26 May 2017
1 answer
107 views

The following is my code for Updating. I have a custom view model that is a combination of 2 sql tables. The updates are processed successfully, but the dirty bit red triangle does not disappear. I have other grids in my solution that are bound directly to a specific sql table and those grids work as expected, the dirty bit disappears on successful updates to the database. What can I do in order to get the dirty bit cleared for my custom view?

[AcceptVerbs(HttpVerbs.Post)]
 public ActionResult Update([DataSourceRequest]DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<MenuProjectView> menuprojectviews)
        {
            try
            {
                if (menuprojectviews != null && ModelState.IsValid)
                {
                    foreach (var menuprojectview in menuprojectviews)
                    {
                        WorxMenus menu = db.WorxMenus.SingleOrDefault(s => s.Id == menuprojectview.MenuId);
                        menu.Title = menuprojectview.Title;
                        menu.Ordering = menuprojectview.Ordering;
                        menu.Date_Modified = DateTime.UtcNow;
                        Project project = db.Projects.SingleOrDefault(s => s.Id == menuprojectview.ProjectId);
                        project.ProjectType = (int)ProjectTypes.Schema;
                        project.SchemaName = menuprojectview.Title;
                        project.Date_Modified = DateTime.UtcNow;
                        db.SubmitChanges();
                    }
                }
                return Json(new[] { menuprojectviews }.ToDataSourceResult(request, ModelState));
            }
            catch (Exception e1)
            {
                ModelState.AddModelError("", e1.Message);
                return Json(ModelState.ToDataSourceResult(), JsonRequestBehavior.AllowGet);
            }
        }
Konstantin Dikov
Telerik team
 answered on 26 May 2017
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?