Questions on UI for ASP.NET MVC Forum

3 answers

76 views

Build Hierarchical grid when using Enity Framework

Hi ,

Can you help let me know on building hierarchical grid when data is nested within lists. when i use EF, data will be nested list and i need to call new action method to pull hierarchical data.

Can you help me on this ?

Below is sample class structure.

Class Building

{

int buildingId

List < location> loc

}

class Location

{

int buildingId

int locationID

List<sublocation>

}

Class Sublocation

{

int id

string name

}

Grid

answered on 23 Jan 2017

1 answer

82 views

Using both Kendo MVC and Kendo UI Professional in a Solution

Hi all,

We are using SPA pattern in parts of our application particularly around reporting.

Our scenario is moving from a Summary View to a Detailed View - we want to re-use the data returned on the summary view (storing the Model client-side)!

Essentially we want a mix of Server-side binding and client side binding!

If we need extra data we server bind ... using MVC wrappers.

Can anybody see any problem using both in a solution (our license allows both)

Also open to any other suggestions?

Thanks in advance!

Keith.

General Discussions

answered on 23 Jan 2017

2 answers

1.9K+ views

ASP.NET MVC confirmation dialog

Hi,

I need ASP.NET MVC confirmation dialog with dialog result.

I have a command button. When the user click button, i want to show confirmation dialog and if user click YES, set function will be call.

I took a look at the examples. "Create Confirmation Dialog via Promises" is seems to fine. but it doesn't work at my IDE.

I also tried to kendo.confirm. it works but The result is empty when I click on the button for the second time

<div id="confirm"></div><script> $("#confirm").kendoConfirm({ content: "Do you accept?", messages:{ okText: "OK"}}).data("kendoConfirm").result.done(function(){console.log("User accepted"); }).fail(function(){console.log("User rejected");});</script>

Dialog

answered on 23 Jan 2017

5 answers

842 views

Implement master details concept in asp.net mvc with kendoui using separated/not embeded grids

I do not find any demo which show how to implement Master/Detail using two separated Grids. I found demo where Master Grid has Child grid embedded as template, while user click + icon the child grid appears inside master grid.

I would like to have child grid on the page like master grid without embedding it into master grid. I do not find such demo anywhere.

Grid

answered on 23 Jan 2017

1 answer

411 views

Find element in refresh or activate event

Hello,

I'm creating an Kendo window with JavaScript and want to set the window title with a value from a Control from the
loaded Content in the refresh or activate Event - how to access Elements of the window Content?

$("<div id='win" + name + "' />").appendTo(document.body).kendoWindow({

title: stitle,

actions: ["Close"],

draggable: false,

resizable: false,

modal: true,

animation: {

open: {

effects: "slideIn:left",

duration: 500

},

close: {

effects: "slideIn:left",

reverse: true,

duration: 500

},

visible: false,

pinned: false,

content: { url: surl, iframe: false },

refresh: function (e) {

$.validator.unobtrusive.parse("form");

},

activate: function(e) {

},

deactivate: function (e) {

$(windowname).data("kendoWindow").destroy();

e.sender.destroy();

}

});

var window = $(windowname).data("kendoWindow");

window.wrapper.addClass("gpdb-sidebar-window");

window.open();

Window

answered on 20 Jan 2017

1 answer

150 views

Set Pie Chart Explode Offset/Distance?

Is there a way to set the offset or the distance of an exploded piece of pie chart?

Chart

answered on 20 Jan 2017

2 answers

102 views

Export To Excel throwing JS Exception

I'm having trouble getting the export to excel working, it throws  Cannot read property 'length' of undefined in jquery

Here is MVC Grid Declaration:

@(Html.Kendo().Grid<TransactionViewModel>()

.Name("completedgrid")

.Columns(columns =>

{

columns.Bound(m => m.StudentCode);

columns.Bound(m => m.date).Title("Date");

columns.Bound(m => m.amount).ClientTemplate("#=kendo.toString(data.amount,'c')#").Title("Amount");

})

.ToolBar(toolbar =>

{

toolbar.Excel();

})

.Excel(e =>

{

e.FileName("TransactionList.xlsx");

})

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("StudentPayments_Read", "PaymentsGrid").Data("getCompletedData"))

)

In case you need getCompletedData:

function getCompletedData() {

return {"id" : @ViewBag.LocationId, "date":sel};

}

sel is just a string containing date information like "01 2017"

TransactionViewModel:

public class TransactionViewModel

{

public string StudentCode;

public decimal amount;

public string date;

}

Everything seems pretty simple, I can't see what I'm missing. The controller was scaffolded so was the grid. I had to add the filename for the excel export, and I added the date filter.

I tried adding a proxyurl but it didn't change the result so I took it out, assuming its not needed.

Any help is appreciated,
Thank you

Grid

answered on 19 Jan 2017

5 answers

542 views

Muti Check filter default value?

Hi,

I'm trying to use a mult-checkbox filter like the demo on https://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes.

columns.Bound(c => c.status).Title("Status").Filterable(ftb => ftb.Multi(true)); And it's client side[.ServerOperation(false)].

Currently I have "act" and "inact" value in this column. I want to show only the "act" records when the page is loaded. Is that possible to give a default or pre-checked value to the muti-checkbox?

Grid

answered on 19 Jan 2017

1 answer

226 views

Setting the width of each tab

I can't seem to find any information on this.

I'd like to set the width of each tab; either to a fixed value or have the tab adjust to fit the length of the text for the tab without wrapping the text. Is this possible?

Regards,

Shawn

TabStrip

answered on 19 Jan 2017

1 answer

899 views

Export to Excel of both Parent/Child grid's data

Hi
I have a scenario in which I have a grid which has a child grid in it which shows up when user clicks on one column of it. Following is my code

Parent Grid has ".ClientDetailTemplateId("template")" which refers to script id "template" which has definition of the child grid.
How I can export data of both grids together when one clicks on EXPORT TO EXCEL button?
Right now it only exports PARENT grid's data..no child grid's data is being exported.

Parent Grid:
@(Html.Kendo().Grid<INDOT.SOARS.ViewModels.Models.SearchFacilitiesListViewModel>()
.Name("gvFacilitiesReport")
.AutoBind(false)
.Columns(columns =>
{
columns.Bound(c => c.FacilityName).Title("Facility Name").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth (100).HtmlAttributes(new {style = "color:blue;font-weight:bold"});
columns.Bound(c => c.FacilityType).Title("Type").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth(70).HtmlAttributes(new {style = "font-weight:bold"});
columns.Bound(c => c.FacilityUse).Title("Use").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth(70).HtmlAttributes(new {style = "font-weight:bold"});
columns.Bound(c => c.FacilityStatus).Title("Status").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth(70).HtmlAttributes(new {style = "font-weight:bold"});
columns.Bound(c => c.FacilityOwnerShip).Title("OwnerShip").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth(70).HtmlAttributes(new {style = "font-weight:bold"});
columns.Bound(c => c.FacilitySystemPlan).Title("System Plan").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).MinScreenWidth(70).HtmlAttributes(new {style = "font-weight:bold"});
columns.Bound(c => c.FacilityCounty).Title("County").HeaderHtmlAttributes(new {style = "white-space: normal;font-weight:bold"}).HtmlAttributes(new {style = "font-weight:bold"});
})
.ToolBar(tools => tools.Excel().Text("<i class='sprite excel' title='Export to Excel'></i>").HtmlAttributes(new {style = "background-color:Transparent"}))
.Pageable()
.Sortable()
.Scrollable()
.HtmlAttributes(new {style = "height: 490px"})
.ClientDetailTemplateId("template")
.Excel(excel => excel.FileName("FacilitiesList-" + DateTime.Now.Date + ".xlsx").Filterable(true).ProxyURL(Url.Action("Excel_Export_Save", "AdminMain", new {area = "Admin"})).ForceProxy(true).AllPages(true))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(100)
.Read(read => read.Action("SearchFacilities", "AdminMain", new {area = "Admin"}).Data("GetParameters"))
) )

Child Grid:

I would appreciate your help.
Thanks
Rizwan

Grid

answered on 19 Jan 2017