Questions on UI for ASP.NET MVC Forum

1 answer

177 views

Could you provide me an example of Real Time ASP.Net MVC Chart with SignalR?

I would like to know whether real time notification for chart is possible without refreshing the screen as like grid?If possible could you show an example of real time binding of that?

Chart

answered on 07 Aug 2014

4 answers

299 views

[Solved] Notification Templates AutoHideAfter

Hi,
I'm basing my notifications on this demo: http://demos.telerik.com/aspnet-mvc/notification/templates
My templates are success, info, error, and warning.

@(Html.Kendo().Notification()

.Name("notification")

.Position(p => p.Pinned(true).Top(30).Right(30))

.Stacking(NotificationStackingSettings.Down)

.AutoHideAfter(0)

.Templates(t =>

{

t.Add().Type("info").ClientTemplateID("infoTemplate");

t.Add().Type("success").ClientTemplateID("successTemplate");

t.Add().Type("error").ClientTemplateID("errorTemplate");

t.Add().Type("warning").ClientTemplateID("warningTemplate");

})

)

Then I show them like this in JS...

notification.show({

message: "Upload Successful",

}, "success");

I can set AutoHideAfter when I declare the notification, however I was wondering if it's possible to set AutoHideAfter for an individual template?
That way I can disable autohide for all templates except the success template.

Thanks for any help,
Joe

Notification

answered on 06 Aug 2014

4 answers

222 views

Horizontal Expansion of Menu

I have been attempting to implement a 'Workflow Progress' control for an application that I am building. There are three major steps, the first two have three minor steps and the final has 5 minor steps. I've been attempting to shoehorn the menu control into this as it appears to have 90% of the functionality that I need. The dynamic open/close, the ability to remain open after selection and the animations are all perfect. Vertical space in the app is at a premium so I've chosen to implement the menu horizontally, all very well and good. The issue comes when I attempt to modify the behavior of the child <li> and their containing divs. I'd like for the children to expand horizontally from the parent, and have subsequent parents shifted down.

Note: the ** below represent the 'selected' items (the current step of the workflow)
[*Major-1*][Minor-1][*Minor-2*][Minor-3][Major-2][Major-3] with the hover effect on unexpanded Major steps leading to:
[*Major-1*][Minor-1][*Minor-2*][Minor-3][Major-2][Major-3][Minor-1][Minor-2][Minor-3]...etc Which is the default menu animation, but I cannot, for the life of me, figure out how to force the children to:

(1) Display inline
(2) Force expansion of the parent without having to use position: relative !important; and the resulting offsets on each level of stack.

Any thoughts?

Thanks!

Menu

answered on 06 Aug 2014

1 answer

819 views

[Solved] DropdownList Model Binding - Unable to get it working

Hi everyone,

I am having hard time getting the model binding work with the DropdownList.

* I am not manually setting the name on the widget
* I do not have AutoBind set to false

@(Html.Kendo().DropDownListFor(m=> m.SelectedProduct)

.HtmlAttributes(new { style = "width: 250px" })

.DataTextField("ProductName")

.DataValueField("ProductID")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetProducts", "DropdownList");

});

})

)

This is from the telerik demos.

Here is the Controller Code:

public ActionResult RemoteDataSource()

{

var model = new RemoteDataSourceViewModel()

{

SelectedProduct = new SelectedProduct()

{

ProductID = 7,

ProductName = "Uncle Bob's Organic Dried Pears"

}

};

return View(model);

}

The above code would load the dropdownlist, but doesn't set the value on initial load.

I looked through previous post and could not find why this wouldn't work.

Any suggestions on what I might be doing wrong?

I appreciate your time.

Uday

DropDownList

answered on 06 Aug 2014

1 answer

423 views

Populate Dropdown list value in a textbox

Hi,

I have a telerik asp.net mvc dropdown list. When user selects an item from the list, I would like to populate a textbox with the selected value. I am not sure how I can get this to work using telerik controls. Please help.

Thanks.

DropDownList

answered on 06 Aug 2014

1 answer

139 views

ServerSorting and ServerFiltering on child attributes or custom properties

I have a blocking issue on my serverside filtering and sorting of data.
My Kendo Grid sends requests to my C# backend.
This is what happens:

I fetch all Employee objects (I use Data Access)
An employee has a Person object, which contains person info like FirstName, LastName etc.
And it also has a GroupName
So my scheme is:

schema: {

model: {

id: "ID",

fields: {

FirstName: { type: "string", from: "Person.FirstName" },

LastName: { type: "string", from: "Person.LastName" },

GroupName: { type: "string" },

}

},

When I use a filter or sorting on the firstname or lastname, it wil try to filter the employee on attribute "Person.FirstName".
But the person is an addition to my DataAccess object, so it is not in the database.

When I use a filter or sorting on GroupName, it will also try to just filter on the groupname. But the groupname is filled in the backend and comes from EmployeeGroup.Name

So I am not able to filter serverside on any of these rows.
I would really love to know if there is any possibility to filter on custom attributes or childattributes.

Thanks in advance!

- Jason

Grid

answered on 06 Aug 2014

2 answers

236 views

Date validation in Kendo Grid Filter Search

Hello,

If I am going to filter the record for the date type column in a Kendo Grid and I entered 'abfghgh' then there should be a proper validation message display.
Can we implement the validation thing for the date type field in Kendo Grid filter search.

Thanks

Grid

answered on 06 Aug 2014

3 answers

540 views

[Solved] How to force Reload of Combobox in Grid

Dear Telerik Team!
I would really like to know how to make an ajax-bound combobox reload its items with a given filter value. In the attached example I've got a editortemplate for Country1

@(Html.Kendo().ComboBoxFor(m => m)

.DataTextField("DisplayName")

.DataValueField("Code")

.AutoBind(true)

.DataSource(ds => ds

.Read(read => read.Action("CountryLoading", "Home"))

.ServerFiltering(true)

)

When the Combobox gets focus, i want to reload it. I tried all this:

function CommidityFocus(e, upperE, elementName) {

var combobox = $(elementName).find('span').children('input').data('kendoComboBox');

Combobox.value("hurz"); // No Reload ?!

combobox.search("hurz"); // No Reload ?!

combobox.dataSource.read(); // No Reload ?!

}

but ... nothing happens. The CountryLoading function is not called...
How can I make it reload ?

brgds
Malcolm Howlett

ComboBox

answered on 05 Aug 2014

4 answers

745 views

[Solved] Show Column Menu Only in Certain Columns

In a Grid. How best would I hide the column menu for certain columns? I have a few column headers that align to the right. The arrow appears behind the text and makes it difficult to read the Column Title. I would simply like to hide the Column Menu for these columns.

I am not referring to hiding them from appearing in the Column Menu itself.

In the below screenshot, I want to see the column menu on Company but not on Sum of Qty or Sum of Order.

http://goo.gl/DFQC7

Grid

answered on 05 Aug 2014

1 answer

117 views

The use of "Kendo Controls in the content editor

Hello.

I want to insert one of Kendo Controls in the content editor.
For Example, DatePicker
I use the following code:

var editor = $("#editor").data("kendoEditor");
var elementHtml = "<input id='dtp' />";
editor.exec("inserthtml", { value: elementHtml });

Then executes the code for the DatePicker:

var dtp = $(editor.body).find("[id='dtp']");
dtp.kendoDatePicker({ animation: false });

But only displays the input field itself DatePicker is not loaded.

Tell me, what is wrong.

Thanks in advance.
Regards,
Alexey.

P.S. If I use the insert simple elements (like a button or a text box), everything is displayed correctly.

Editor

answered on 05 Aug 2014