I've been using the Telerik MVC extensions and want to be able to use an Autocomplete (but with the user able to enter something not in the dropdown list if he/she wants to) in a Create view.

Can I do this using the MVC extensions? If not can I do it using the Kendo UI MVC beta controls?

At the moment I have code like this in my view, but this doesn't allow the user to enter a value which is not in the dropdown list:

  <div class="editor-label">
            @Html.Label(model => model.PremiumPaymentFrequency)
        </div>
     <div class="editor-field">
            @Html.DropDownList("PremiumPaymentFrequency", String.Empty)
            @Html.ValidationMessageFor(model => model.PremiumPaymentFrequency)
        </div> 

The reason I ask for how to do this both using the Rad MVC extensions and the Kendo UI MVC controls is that although I want to start using Kendo UI MVC in new code, I would also like to know how to do it using the Rad MVC Telerik extensions in case I need to.
I need to be able to obtain the value entered by the user in the code.  With the RadMBC extensions, this is simply model.PremiumPaymentFrequency (which I can use in the controller code on the server), but how do I obtain the value entered by the user if a Kendo UI MVC control is used? (Is the value then only usable on the client, or can I use it in the server's controller code, and if so, how?).

Apologies if some of this seems basic, but I am obviously new to using the Kendo controls, particularly with MVC.

Thanks 

How do we go about selecting the value of a server-bound DropDownListFor() in an edit form? Example:

@(Html.Kendo().DropDownListFor(m => m.Country)
		.BindTo(ViewBag.Countries)
		.DataValueField("CountryCode")
		.DataTextField("CountryName")
		.OptionLabel("Select Country"))

ViewBag.Countries contains a List<Country>. Country object has a CountryCode and CountryName (strings). The model I'm passing in has a Country field that holds the exact value that's bound to DataValueField("CountryCode"). Nothing gets pre-selected when I open the form (but the list of countries is there). The SelectedIndex() property is useless to me in this instance. Digging through the DropDownListBuilder class the only thing I saw was a Value() method that I'm not sure what it does but giving it the value I want selected doesn't do anything either.

I can't give BindTo() a SelectList() like I used to with the Telerik extensions (unless I'm doing something wrong).

Thanks for any help

I managed to get a dropdown in a grid column. But I have no clue on how to set the selected value, and when I save it doesn't save my selected value.

The grid

@using Perseus.Areas.Communication.Models
@using Perseus.Common.BusinessEntities;


<div class="gridWrapper">
    @(Html.Kendo().Grid<CommunicationModel>()
        .Name("grid")
        .Columns(colums =>
        {
            colums.Bound(o => o.communication_type_id)
                .EditorTemplateName("_communicationDropDown")
                .ClientTemplate("#: communication_type #")
                .Title("Type")
                .Width(180);
            colums.Bound(o => o.sequence).Width(180);
            colums.Bound(o => o.remarks);
            colums.Command(command => command.Edit()).Width(50);
        })
        .Pageable()
        .Sortable()
        .Filterable()
        .Groupable()
        .Editable(edit => edit.Mode(GridEditMode.InLine))
        .DataSource(dataSource => dataSource
            .Ajax()
            .ServerOperation(false)
            .Model(model => model.Id(o => o.communication_id))
                .Read(read => read.Action("AjaxBinding", "Communication", new { id = @ViewBag.addressId }))
                .Update(update => update.Action("Update", "Communication"))
            .Sort(sort => { sort.Add(o => o.sequence).Ascending(); })
            .PageSize(20)
        )
    )
</div>


The EditorTemplate "_communicationDropDown

@model Perseus.Areas.Communication.Models.CommunicationModel


@(Html.Kendo().DropDownListFor(c => c.communication_type_id)
        .Name("DropDownListCommunication")
            .DataTextField("description1")
            .DataValueField("communication_type_id")
            .BindTo(ViewBag.CommunicationTypes))

Can you point me to the link for the kendoui mvc q2 beta release?  
Thanks

I seem to be initializing the TabStrip twice but not meaning too. Once happens on the MVC helper call

@(Html.Kendo().TabStrip()...
And the other I do on the Jquery document ready to set the configuration options.
I am doing this because I can’t seem to find another way to do this in the html helper.
Where should I be setting the configurations options(For instance collapsible and animation)?

Example code would be great as I don't see examples for this on your site.

How do you set the width on the client-side via javascript for the NumericTextBox....?

Hi,
Is there a way to set the animation and collapsible object properties using the Kendo MVC TabStrip helper method? The default behaviour of the generated tabstrip seems to collapse/expand tabs when you move between tabs. I'd like to disable that if possible.

Best regards, IP

How do I hide the NumericTextBox on the client side via javascript?

Dear all,

I have a problem with a server binding (I also try a ajax() binding without success).

Here is my model:

public class PlaceModel
{
    public Guid Id { get; set; }
    public string Name { get; set; }
 
    public PlaceModel()
    {
    }
}
Here is mycontroller
namespace Noolibee.Presentation.Web.SandBox.Controllers
{
    public class InventoryController : Controller
    {
        //
        // GET: /Inventory/
 
        public ActionResult Inventory()
        {
            //Get all places in the database
            IInventoryService serviceRepo = ServiceBusinessFactory.Create<IInventoryService>();
            List<INV_Place> places = serviceRepo.GetAllPlaces();
 
            //Convert the places to a placeModel (for testing purpose)
            List<PlaceModel> placesModel = new List<PlaceModel>();
            foreach (INV_Place item in places)
            {
                placesModel.Add(new PlaceModel() { Id = item.Id, Name = item.Name });
            }
 
            //Return the view with the list of placeModel for the combobox
            return View(placesModel.AsEnumerable<PlaceModel>());
        }
    }
}
End finally, my webpage:
@model IEnumerable<Noolibee.Presentation.Web.SandBox.Models.PlaceModel>
@{
    ViewBag.Title = "Inventory";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<h2>Inventory (size = @Model.Count())</h2>
 
<div>
        @(Html.Kendo().ComboBox()
            .Name("placesDropDownList")
            .DataTextField("Name")
            .DataValueField("Id")
            .BindTo(Model)
            .SelectedIndex(0)
        )
 
         
</div>
So, the value @Model.Count tells me that there's 1 item, but the combobox is empty.

I should have miss something, but what ?

Thanks for your help
Sylvain

Hi,

I have a grid with columns Qty, Price and Total.  When the user changes the Qty and clicks on Update, I want to recalculate the total and update the Total cell.  How would you do that?  The grid is setup with GridEditMode.InLine.

And while were adding things up, how do you do a grand total and display it in the footer?

Thx,

PT