Questions on UI for ASP.NET MVC Forum

1 answer

824 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

432 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

142 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

239 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

547 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

753 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

121 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

10 answers

457 views

How to filter MVC Telerik Grid Checkbox like checked/nonchecked

I am using mvc telerik grid on my project and i have checbox inside this gridI just want to filter my checkbox like check or non checked in filter boxIs it possible?Is there any experience for this situation to help me?

@( Html.Telerik().Grid<Orpac.Models.Time>()

.Name("timecmb")

.NoRecordsTemplate("No users to display")

.DataKeys(keys => keys.Add(k => k.Ident))

.DataBinding(d => d.Ajax().Select("GridTimeBinding", "Rule"))

.Columns(c =>{c.Bound(e => e.Ident).Width(90).ClientTemplate("<input type='checkbox' id='123'

value='<#= Code #>'   <#=bit? checked='checked' : '' #> />").Title((string)ViewData["Select"]);c.Bound(e=>e.Code).Width(150).Title((string)ViewData["TimeCode"]);c.Bound(e=>e.Desc).Width(300).Title((string)ViewData["Description"]); })

.ClientEvents(events => events.OnRowDataBound("onrowDataBoundtimepopup").OnDataBound("onDataBoundTimeRule"))

.Selectable()

.Footer(true)

.Sortable()

.Filterable(filtering => filtering.Enabled((bool)ViewData["filtering"]))

.Scrollable(scrolling => scrolling.Height(190))

.Pageable(p=>p.PageSize(10))

)

This is the example of my gridThnx

Grid

answered on 04 Aug 2014

2 answers

117 views

Editor does not allow you to use the JQuery function "find".

Hello.

Now use the insert controls in the content editor.
I need to search for items on the "class" attribute using jquery function "find()".
As a container for search uses the <div> editor.
However, the function "find()" returns an empty set of elements, although the elements are within the editor.
Tell me how you can solve the problem?

Thank you.
Regards,
Alexey.

Editor

answered on 04 Aug 2014

3 answers

166 views

How to avoid showing orgin point of line graph in kendo ui aspnet mvc?

I would like to avoid showing 0 in x axis as well as 0 in y axis while plotting a line graph.For example:My x axis shows number of days starting from zero(say 0-365).My Y axis showing average growth rate starting from zero(say 0-2.0).So here i would like to avoid showing 0 in x axis as well as 0 in y axis.Could you show how to do that?

Chart

answered on 04 Aug 2014