Questions on UI for ASP.NET MVC Forum

1 answer

284 views

[Solved] MVC Grid doesn't show DropDownList column

Hi,

I have a Grid with a DropDownList column and another TextFields with ClientTemplate. The DropDownList shows a Spinner where I can select the ID of list, and when the field lost focus, shows a text with the text field of list.

I need that when I click on column, show me the DropDownList, not a Spinner.

@(Html.Kendo().Grid(Model.Contacts)

.Name("Contacts")

.ToolBar(tools => tools.Create().Text("Agregar nuevo contacto"))

.Editable(editable => editable.Mode(GridEditMode.InCell).CreateAt(GridInsertRowPosition.Bottom))

.Columns(columns =>

{

columns.Bound(p => p.Name).ClientTemplate("#= Name #" +

"<input type='hidden' name='Contacts[#= indexContactsBasic(data)#].Name' value='#= Name #' />"

);

columns.Bound(p => p.CellPhone).ClientTemplate("#= CellPhone #" +

"<input type='hidden' name='Contacts[#= indexContactsBasic(data)#].CellPhone' value='#= CellPhone #' />"

);

columns.Bound(p => p.Email).ClientTemplate("#= Email #" +

"<input type='hidden' name='Contacts[#= indexContactsBasic(data)#].Email' value='#= Email #' />"

);

columns.Bound(p => p.Occupation).ClientTemplate("#= Occupation #" +

"<input type='hidden' name='Contacts[#= indexContactsBasic(data)#].Occupation' value='#= Occupation #' />"

);

columns.ForeignKey(p => p.ThirdPartyId, ViewBag.EmployeeInformationId as SelectList, "Value", "Text").Width(100);

columns.Command(command => command.Destroy()).Width(100);

})

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(p => p.Id);

})

.ServerOperation(false)

)

Regards,
Daniel

Grid

answered on 25 Jan 2017

3 answers

394 views

onChange() changes row color

Hi Team.

I'm using a onChange event to select the row in a grid. When I select a row, an event will be triggered. Also, the color of the row is changing automatically to let me know which row is selected. Now, I have a custom command column, which is a button linked with another js function. I want to achieve that when I click the button, the onChange() of this row is also triggered. Is that possible?

Grid

answered on 24 Jan 2017

1 answer

207 views

event.click

In the example on http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/NotificationBuilder there is an event on Click but my MVC kendo doesn't recognise this event.

Is it a documentation error?

<%= Html.Kendo().Notification()

.Name("Notification")

.Events(events =>

events.Click("onClick"))

%>

Notification

answered on 23 Jan 2017

3 answers

106 views

[Solved] 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

123 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

2.0K+ views

[Solved] 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

960 views

[Solved] 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

463 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

209 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

134 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