Allow Insert but not Edit on a bound column in batch edit mode?

[adam]

Hi Guys,
Anyone know how to do this?

Thanks,
Adam

[Craig Tarr]

Adam, are you talking about having a control, like a dropdown or autocomplete field in a batch edit column. And it only be visible/editable in an Insert situation. And in Edit it be readonly or displayed as a standard bound column?

[adam]

Yes. Exactly.

[Craig Tarr]

I'm actually working on that in my application today. I'll post back my work and see if it'll help.

[Fethi]

Hi,
me too interested by your code.

Thank you in advance by sending your code.

Bye

[Alejandro]

Hi, please reply here. I´m intrested on that same feature.

thanks

[Craig Tarr]

All, sorry for the delay. I ended up going back and using the Grid in AJAX Editing mode. I have several requirements I need to complete and making the dropdownlist disabled on Edit mode isn't at the top.

In the AJAX Editing mode I just followed the Demo and set the Combobox or DropDownList to disabled on onEdit ClientEvent.

http://demos.telerik.com/aspnet-mvc/combobox/clientsideapi?theme=vista

When I finish up my remaining items I'll revisit the Batch Edit grid and post back my work.

[Craig Tarr]

Let me know if this is what you were looking for.

In my Grid I have a Shared DropDownList control. On an Insert the DropDownList is populated and selectable. When in Edit mode the DropDownList is populated with only the selected value and the control is disabled.

The Grid has a ClientEvents OnEdit that looks like this:

function onEdit(e) {
var dataItem = e.dataItem;
var mode = e.mode;
var row = e.row;
var form = e.form;
var driverDropDownList = $(form).find('#Name');
var sponsorDropDownList = $(form).find('#Sponsor');

if (mode == 'insert') {
//we don't know who this is so we can't give them Sponsors
var sponsortest = $('#Sponsor').data('tComboBox');
                    if (sponsortest != undefined) {
                        sponsortest.fill(function () { sponsortest.select(function (item) { return item.Value == 2; }); });
                    }
                    else {
                        alert('undefined');
                    }
                    var dataSource = [
                        { Text: "Unsponsored", Value: "Unsponsored" }
                    ];

                    $("#Sponsor").data("tComboBox").disable();
                }


                if (mode == 'edit') {

                    var grid = $('#EntryList').data('tGrid');

                    var combo = $('#Name').data('tDropDownList');
                    var value = combo.value();

                    var datasource = [{ Text: value, Value: value, Selected: true}];
                    combo.dataBind(datasource);
                    combo.value(value);
                    combo.text(value);

                    $("#Name").data("tDropDownList").disable(); //don't let em change the driver. Gotta delete and Insert i'm sorry!
                }
            }

The Control looks like this:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

<%= Html.Telerik().DropDownList()
.Name("Name")
.DataBinding(binding => binding.Ajax().Select("_SelectDrivers", "EntryList"))
.ClientEvents(events => events.OnDataBinding("onNameDataBinding"))

%>

The DataBinding takes a single parameters and returns a JsonResult.

The ClientEvents looks like this:

function onNameDataBinding(e) {
e.data = $.extend({}, e.data, { filterMode: 1
});
 }

Let me know if this helps at all.