Questions on UI for ASP.NET MVC Forum

3 answers

177 views

Invoke the PDF export from the Toolbar component

Hi,

I can see that the Grid component can produce PDF (and Excel) exports, which is ideal.

But, how can I invoke the functionality from outside of the native Grid toolbar?

In the example below, I want to invoke the PDF export of the Grid using the Toolbar component (though it could be any external stimulus)

01.@(Html.Kendo().ToolBar()

02. .Name("ToolBar")

03. .Items(items =>

04. {

05. items.Add().Type(CommandType.SplitButton).Text("Export").ImageUrl(Url.Content("~/Content/web/toolbar/save.png")).MenuButtons(menuButtons =>

06. {

07. menuButtons.Add().Text("Export to Excel").ImageUrl(Url.Content("~/Content/web/toolbar/save.png"));

08. menuButtons.Add().Text("Export to PDF").ImageUrl(Url.Content("~/Content/web/toolbar/upload.png"));

09. });

10. })

11. )

12. @(Html.Kendo().Grid<RequestWorkflowWithWatcherViewModel>()

13. .Name("grid")

14. .Columns(columns =>

15. {

16.// columns stuff

17. })

18. .ToolBar(tools =>

19. tools.Pdf())

20. .Pdf(pdf => pdf

21. .AllPages()

22. .FileName("Kendo UI Grid Export.pdf")

23. .ProxyURL(Url.Action("EnquiryExportToPdf", "Home"))

24. )

25.

26. ))

Ultimately I want to do the same with Excel.

Any ideas would be welcome.

Many thanks

Nathan

Grid

answered on 09 Apr 2015

1 answer

130 views

Scheduler events not working

Hi,

i am working with kendo scheduler and it gives me an error at scheduler event binding except for change event all other events generate me the same error. I created a new sample project with latest kendo version but still struggling with the same issue please refer the attach project and images for more information.

Scheduler

answered on 09 Apr 2015

5 answers

193 views

Selecting resources in new modal window

As it is my first post on telerik forum i would like to say HI ;)

And my question:

Is it possible to select resources for scheduler event in new window ? i have to create event that have participants as persons and companies and there is to many persons and companies in database to select them from dropdownlist.

Now i would like to have button for "Add Person" and "Add Company" or just "Add participants" and then generate a view where i could search and select in chceckboxes and then return these persons/companies back into controller.

Is it possible at all ?

Could you make me a list of steps that allow me to achieve it ? (I am new in telerik)

Scheduler

answered on 09 Apr 2015

1 answer

971 views

Failed to load resource: the server responded with a status of 401 (Unauthorized)

Hello
I'm programming in ASP MVC and I'm with the following problem:

I put the DateTimePicker on the page and when I test my LOCALHOST I do not have any problem, but when I publish the page on the server does not leave me icons DateTimePicker, leaving the inspector elements GoogleChrome the following error "Failed to load resource: the server responded with a status of 401 (Unauthorized) "
search the internet some solution and can not find,

I attached the image so you can see the problem and can help me find a solution.

Thanks

DatePicker

answered on 09 Apr 2015

1 answer

62 views

Grid Randomly Not Getting Correct Data-Roles Set

Has anyone ever experienced a grid not getting any of the data-roles applied to the markup when the page loads? This seems to happen randomly, but usually when we open up the Kendo Window that contains the grid very quickly after the page loads.

It almost looks like we are going too quick for Kendo to catch up and create the proper markup.

Has anyone else seen a problem like this?

Grid

answered on 09 Apr 2015

4 answers

975 views

Grid with Datepicker in Toolbar

Hi.
There is grid:

@(Html.Kendo().Grid<OperMVC.Models.Daily>()

.Name("Grid")

.Columns(c => {

c.Bound(p => p.Name).Width(150);

c.Bound(p => p.BDayDate).Width(50);

})

.ToolBar(toolbar =>

{

toolbar.Template(

@<div><label>BDate: </label>

@(Html.Kendo().DatePicker()

.Name("datepicker")

.Events(e => e.Change("GetDate"))

.Value(DateTime.Today)

.Format("dd.MM.yyyy")

)</div>

);

})

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ReadBDays", "Person").Data("filterDate"))

//.ServerOperation(true)

)

and js script for DatePicker Event:

function GetDate() {

var value = this.value();

var date = new Date();

if (value) {

date.setTime(Date.parse(value));

console.log(date.toLocaleDateString());

}

$("#Grid").data("kendoGrid").dataSource.read();

}

js function for filter data by date:

function filterDate() {

var date = $("#datepicker").data("kendoDatePicker").value();

console.log("filtered date:" + date);

return {dateString : date}

}

When I select the date, then update the Grid as I need, but if I want to choose a new date, it opens a DatePicker without any a dates. you have to change the month and return back, then there are only dates
Attach screenshot

Grid

answered on 09 Apr 2015

2 answers

544 views

Specifying an Area when binding a menu to a model

How do you specify an area when binding to a model? I'm working on an ASP.NET MVC website using Areas, and using the Kendo().Menu() helper to build the menu. I'm using the BindTo() method to bind the menu to a model that is based on Kendo.MVC.UI.MenuItem. How do I tell the helper which area (i.e. which route) to use, and how do I specify that a particular controller is NOT in any of the areas. The following example code example might help to illustrate the problem I'm having:

using System.Collections.Generic;

using System.Web.Routing;

using My.Resources.Views.Shared;

using Kendo.Mvc.UI;

namespace My.Web.Configuration

{

public class MyMenuItem: Kendo.Mvc.UI.MenuItem

{

public int Id { get; set; }

public IEnumerable<MyMenuItem> SubItems { get; set; }

}

public class MySiteMap

{

public MySiteMap()

{

MenuItems = new List<MyMenuItem>

{

// There is an AccountController in an Area named 'Admin'

// Neither one of the following approaches works. I think I'm close here, but I'm missing something

// new MyMenuItem { Text = "Log In", ControllerName="Account", ActionName="Login", RouteName = "Admin"},

// new MyMenuItem { Text = "Log In", ControllerName="Account", ActionName="Login", RouteValues = new RouteValueDictionary(new {area = "Admin"})},

// The following line works the first time you click on it, but an error occurs the second

// time, or when you try to navigate anywhere else, because the helper appends all links

// to the Area name, once you've navigated to said area (e.g. "Home" becomes "Admin/Home"

// which is incorrect).

new MyMenuItem { Text = MenuResources.MenuLogin, ControllerName="Admin/Account", ActionName="Login" },

// How do I tell the Kendo().Menu() helper that the 'Home' controller, e.g., is not located

// in the 'Admin' area?

new MyMenuItem { Text = MenuResources.MenuAbout, ControllerName="Home", ActionName="About" },

new MyMenuItem

{

Text = MenuResources.MenuProjects, ControllerName="Projects",

ActionName="Index",

SubItems = new List<MyMenuItem>

{

new MyMenuItem{Text = MenuResources.MenuProjectX, ControllerName="Projects", ActionName="ProjectX"},

new MyMenuItem{Text = MenuResources.MenuProjectY, ControllerName="Projects", ActionName="ProjectY"}

},

new MyMenuItem { Text = MenuResources.MenuNotesToSelf, ControllerName="Blog", ActionName="Index" }

};

SiteMapName = "Root"; // Never displayed

}

public string SiteMapName { get; set; }

public IEnumerable<MyMenuItem> MenuItems { get; set; }

}

Menu

answered on 08 Apr 2015

5 answers

2.3K+ views

Dynamic parameter on read

I have a dropdown editor like so:

model CCProMVC.Models.DivisionModelView

@(Html.Kendo().DropDownList()
    .Name("DivisionDDL")
    .DataTextField("DivisionName")
        .DataValueField("DivisionID")
    .DataSource(d => d
    .Read(r => r.Action("GetDivisions", "Client",<Need to pass Parent ID here from selected grid>))
    )
)

It's used in a Child grid. I need to pass the parent grids ID on the dropdowns read.

Reason why (I'll try and keep it short) I have a Client (grid) that can have Divisions. The client can also have Stores that are part of a Client-Division. I want to display in the Store grid's (child) Division dropdown only those divisions for the given Client.

Any suggestions would be helpful.

Thanks

DropDownList

answered on 07 Apr 2015

1 answer

489 views

how to set ComboBox value Template?

Hi, in dropDownList widget i can set valueTemplate property to define a custom selected value template.

I need to do the same with comboBox but it does't have valueTemplate property..

How can i do?

Thanks

ComboBox

answered on 07 Apr 2015

3 answers

185 views

Multiple databound

Hello,

Here is the situation. I have a treeview that basically represents directory, sub-directory and files. For some reasons, I can't use the LoadOnDemand option. So I load all the tree in my controller.
Everything works fine except that it seems the Databound event is triggered for each directory and subdirectory. I was expecting the event to be triggered only once when all data are "loaded" from the datasource.
At the end, I need to expand some nodes everytime the datasource is refreshed

This is my treeview

@(Html.Kendo().TreeView()
.Name("treeview")
.DataTextField("name")
.LoadOnDemand(false)
.DataSource(datasource => datasource.Read(read => read.Action("Tree_Read_All", "MyController"))
.Model(model => model.Children("childrens")))
.DragAndDrop(true)
.Events(events => events
.Select("treeViewOnSelect")
.Drop("treeViewOnDrop")
.DataBound("treeViewDataBound")
)
)

Thanks in advance

TreeView

answered on 07 Apr 2015