Telerik Forums
UI for ASP.NET MVC Forum
1 answer
363 views
Hi Guys,
I'm building up a site using mvc (razor) and kendo (plus ef).
I Built all controllers and view and right now they are exactly how Visual studio created them.

so for the first step I tried to put every /entity/Index.cshtml in a different tab

Here my code:
@(Html.Kendo().TabStrip()
         .Name("MainAcsTab")
         .Items(tabstrip =>
         {
             tabstrip.Add().Selected(true).Text(AcsViewRes.TabUser).Content(
                 Html.Action("Index","User").ToString());
             tabstrip.Add().Text(AcsViewRes.TabGroups).Content(
                 Html.Action("Index","Group").ToString());
             tabstrip.Add().Text(AcsViewRes.TabRoles).Content(
                 Html.Action("Index","Role").ToString());
             tabstrip.Add().Text(AcsViewRes.TabFunctions).Content(
                 Html.Action("Index","Function").ToString());
         })
   )

as soon as I run the application I can see the tab, and the first tab content as expected.
However I get an error:

Uncaught TypeError: undefined is not a function - placed here:
jQuery(function(){jQuery("#MainAcsTab").kendoTabStrip({});});

as a consequence of this issue (I suppose) I'm not able to change tab.

Regarding the navigation...
My indexes contains the ul list of all object and a link to edit/detail/delete each object.
If I click on one of this link, say details, the url changes from "localhost/AccessControl/#MainAcsTab-1" to "localhost/AccessControl/User/Details/1" and I loose my tab.

Is there a way to keep every view change inside my currently selected tab?

do I have to link every view as partial?

as a note my _layout and _viewStart are as created by VS

Thank you
Fabio
Dimiter Madjarov
Telerik team
 answered on 12 May 2014
3 answers
152 views
Hello ,

I have Kendo modal window coming up on button click like this

 wnd = $("#Add").kendoWindow({

title: "test",

actions: ["Close"],

content: direction,

width: "800px",

height: "600px",

visible: false,
Draggable: false,

modal: true

}).data("kendoWindow");

}

//wnd.refresh(direction);

wnd.center();
wnd.resi = false;
wnd.open();

How can i stop window from resizing? draggable false do not help

Anamika
Kiril Nikolov
Telerik team
 answered on 12 May 2014
1 answer
878 views
Hello,

I have a popup modal window coming up ona  button click. I have Draggable false still when window Comes up i can drag and Change ist size. How can i stop this.
wnd = $("#Add").kendoWindow({

title: "test",

actions: ["Close"],

content: direction,

width: "800px",

height: "600px",

visible: false,
Draggable: false,

modal: true

}).data("kendoWindow");
wnd.center();
wnd.resi = false;
wnd.open();
Kiril Nikolov
Telerik team
 answered on 12 May 2014
9 answers
2.0K+ views
I have a Kendo MVC Grid. In which I have Pagination which is Server Event and a Filter Option which Calls the Read of the Grid. But when I Include a Grouping It say's a error in the Browser Console " Cannot readproperty 'length' ". I have tried the solutions given on the other forum threads.
1)Giving .ServerOperation(false) which makes Pagination and Filtration nonfunctional. But  I need .ServerOperation(true) to make my Pagination and Filtration to work.
The code is below :

#######################Kendo Grid#############################

 @(Html.Kendo().Grid(Model.UpcomingMilestone)
                                                          .Name("grd_UpcomingMilestone")
                                                          
                                                          .Columns(columns =>
                                                          {
                                                              columns.Bound(c => c.ProjectName).Title("Project Name").Groupable(false);
                                                              columns.Bound(c => c.NextMilestone).Title("Next Milestone Name").Groupable(false);
                                                              columns.Bound(c => c.NextMilestoneDate).Title("Next Milestone Date").ClientTemplate("#= kendo.toString(NextMilestoneDate, \"MM/dd/yyyy\") #").Groupable(false);
                                                              columns.Bound(c => c.ProjectManagerName).Title("Project Manager Name").Groupable(false);
                                                              columns.Bound(c => c.TeamLeadName).Title("Team Lead Name").Groupable(false);
                                                              columns.Bound(c => c.WeekStartDate).ClientTemplate("#= kendo.toString(WeekStartDate, \"MM/dd/yyyy\") #");
                                                          })
                                                                  .Pageable(pageable => pageable
                                                                    .Refresh(true)                                                                   
                                                                    .ButtonCount(5)) // Enable paging
                                                                    //.Groupable()
                                                                  .HtmlAttributes(new { @class = "grd_UpcomingMilestone" })
                                                                  .DataSource(dataSource => dataSource // Configure the grid data source
                                                                      .Ajax() // Specify that ajax binding is used
                                                                      .Read(read => read.Data("filterGridParams").Action("FilteredUpcomingMilestone", "UpcomingMilestone"))// Set the action method which will return the data in JSON format                                                                        
                                                                      .PageSize(10)
                                                                                              //.Group(group => group.Add(c => c.WeekStartDate))
                                                                                              //.ServerOperation(false)
                                                                   )

                                                        )
###############################Filter Expression###############################################
function filterGridParams() {

                return {
                    TeamLeadPersonId: $("#ddlTeamLead").data("kendoDropDownList").value(),
                    ProjectManagerPersonId: $("#ddlProjectManager").data("kendoDropDownList").value()
                };
            }
#################################Button Click For Filteration##########################################
<input id="GoButton" onclick="fun_FilteredUpcomingMilestone()" type="button" class="GoButton" value="Go" />
function fun_FilteredUpcomingMilestone() {

       
        UpdateHiddenFieldValues();      
        //call the read method of the Grid, with Parameters and set the page Index to one
        var grd_UpcomingMilestone = $("#grd_UpcomingMilestone").data("kendoGrid");
        grd_UpcomingMilestone.dataSource.page(1);
       
    }
###############################Action #################################
public ActionResult FilteredUpcomingMilestone([DataSourceRequest] DataSourceRequest request, string TeamLeadPersonId, string ProjectManagerPersonId)
        {

              var UpcomingMilestoneModel = new UpcomingMilestoneModel();
             var upcomingMilestoneModel = new PagedDataResult<UpcomingMilestoneData>();

            if (UpcomingMilestoneModel.FirstTimeLoad)
            {
                //First time call, do not load the data
                UpcomingMilestoneModel.UpcomingMilestone = new List<UpcomingMilestoneData>();
              
            }
            else
            {
                //Load the data, for other events
                upcomingMilestoneModel = UpcomingDAL.GetUpcomingMilestoneData (request.ToPageDataInfo<UpcomingMilestoneData>(), TeamLeadPersonId, ProjectManagerPersonId);

                UpcomingMilestoneModel.UpcomingMilestone = upcomingMilestoneModel.ResultList;

               
            }           

           
            UpcomingMilestoneModel.FirstTimeLoad = false;

            return Json(new DataSourceResult
            {
                Data = UpcomingMilestoneModel.UpcomingMilestone, // Process data (paging and sorting applied)
                Total = upcomingMilestoneModel.TotalRecords // Total number of records
               
            });


           

         





        }







































Dhaval
Top achievements
Rank 1
 answered on 12 May 2014
3 answers
346 views
My data is currently being bound using the TreeViewItemModel, is there any way to set the SpriteCssClasses for the items from the controller?
Petur Subev
Telerik team
 answered on 12 May 2014
6 answers
284 views
Hi,

View, Insert, update work fine however I cannot get the delete to work exception [The instance is transient]. I copied the code from an example.

See attached file.

Thanks
Mark Brewer
MarkBr
Top achievements
Rank 2
 answered on 10 May 2014
4 answers
171 views
Hi there,

I have two html.listboxfor, and need to swap data between them. Is there any way to make them draggable so that the user can drag and drop items in these two lists. Any help is much appreciated. Thanks.
Petyo
Telerik team
 answered on 10 May 2014
0 answers
164 views
Hi,

I thought I'd post this solution here to an issue I was having regarding json strings being to large for return from an MVC endpoint using Kendo Grid and ajax/json/datasourceresult as per a grid (or listivew et al) Read endpoint for ajax:

Instead of doing the following (as per usual):

return Json(dataSourceResult);

use this instead:

return new JsonResult() {
  Data = dataSourceResult,
  ContentType = "application/json",
  ContentEncoding = System.Text.Encoding.UTF8,
  JsonRequestBehavior = JsonRequestBehavior.AllowGet,
  MaxJsonLength = Int32.MaxValue
};

The solution above does not require any web.config changes et al.

Regards,

Rene Pilon
Rene
Top achievements
Rank 1
 asked on 09 May 2014
9 answers
2.7K+ views
I'm trying to set up a pie chart.  When I set the width of the ChartArea to a pixel based value it's fine but when I set it to a percentage value it doesn't work.

            @(Html.Kendo().Chart()
                  .ChartArea(c => c.Background("#DAECF4"))
                  .HtmlAttributes(new { style = "margin:0 auto;border:none; width: 100%;" })
                  .Name("chart").......(rest of code omitted)

When I look at the HTML in Firebug I see that it has created a div called chart with a width of 100% but the child svg element has a width of 100px - which means it doesn't display correctly.  Whatever I change the percentage width to, I get the svg element width of that amount in pixels instead of percent e.g. 90% ->90px.

Anyone got any ideas?  Does this control support percentage widths?  
Vyn
Top achievements
Rank 1
 answered on 09 May 2014
3 answers
242 views
Hi,

I am using Kendo Scheduler to show the appointments. I have appointment creation/edition screen. I want to redirect it to that page whenever user tries to add/modify an appointment/ Recurring  appointment  from Scheduler. I want to hide the Edit Recurring Item popup message in KendoUI Scheduler while editing recurring appointment as I want to edit the whole series instead of editing single occurrence. So whenever user tries to edit recurring appointment, i want to redirect it to appointment editing screen with all the details without showing any message.

Thanks,
Raghu.
Alexander Popov
Telerik team
 answered on 09 May 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?