Hi,

Can you please a documen or sample code, How to hide a loading icon in Grid.

Regards
Suman G

Hello ,

i have a mobile application which embeds a grid with scrollable Feature. Works fine in all android Browsers. But on iPhone the vertical scroll do not work. What could be causing this . I have set height as well.

@(Html.Kendo().MobileView()
.Name("Adressaktivitäten")
.Stretch(true)
.Layout("mobile-tabstrip")
.Title("Adressaktivitäten")
.Content(@<text>
<div >
<table style="width:100%;">
<tr><td>
@if (Model.AdressImgURL != "")
{
<img src="@Url.Action("GetAdressImage", "AdressDetail", new { strFilePath = Model.AdressImgURL })" alt="" style="height:100px;width:80px;" >
}
else
{
<img src="~/Images/vendor_big.png" alt="" style="height:80px;width:80px;" >
}
</td>
<td ><span style="white-space: pre-line;font-weight:bold;">
@Model.Title
</span>
</td>
<td class='alnright'> <a data-role="button" data-icon="search" style="font-size:16px;vertical-align:middle;border-radius: 0px;border:none;outline: 0;" href="@Url.Action("Index", "Adress")"></a>
</td>
</tr>
<tr></tr>
<tr></tr>
</table>
<div>
@(Html.Kendo().Grid(Model.AdrAktGrid)
.Name("Grid_Activity")
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("ObjectActivity_Read", "AdressActivity"))
.ServerOperation(false)
)
.Columns(columns =>
{
if (ViewBag.ObjListHeader != null)
{
for (int j = 0; j < ViewBag.ObjListHeader.GetLength(0); j++)
{
if (ViewBag.ObjListHeader[j, 0] == "ID")
{
columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Visible(false);
}       
                else
{
if (ViewBag.ObjListHeader[j, 0] != null)
{
if (ViewBag.ObjListHeader[j, 1] == "False")
{
columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Visible(false);
}
else
{
columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Width(120);
}
}
}
}
}
})
.HtmlAttributes(new { style = "height: 300px;" })
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single))
.Scrollable()
.Resizable(r => r.Columns(true))
)
</div>
</div>
</text>)
)

In older iphone browser it works fine though.

Thanks

Anamika

Hi
May last question of the year.  I promise!  I really don't ask for help much for a long time user.

For my MVC scheduler edit popup I use a CustomEditorTemplate.cshtml because I added 2 extra fields.  Nice!

In that file I use the code below for my OwnerID dropdownlist which usually has 8 items. 
However,  I oftem limit the dropdownlist to only one item when I know the user is filtered to one OwnerID.
So I want the dropdown list to only have that one OwnerID in it automatically selected.  But... for some reason a blank row is at the top of the DDL so the user has to manually select the only one item.  I don't use .OptionLabel("xxx").  How can I get rid of the empty row at the top and make this work?

I can't switch to another ddl control because I need .Data("filterdata")  to pass parameters to.

Thanks

Hi,

In kendo grid view, on databound locked and lockable is not looking good and layout problem. Here sample code

http://dojo.telerik.com/@Suman%20G/OdUCiP

Is there any alternative events available?.

Regards
Suman G

I'm evaluating the Kendo for Asp.Net controls and am currently looking at the Grid. I want to build an new/edit form for a Person model. A person can have 0 or more phone numbers. The user should be able to enter the person's first name, last name, multiple phone numbers, and then at the bottom of the form, click a save button to save the person and their phone numbers to the database all at once in a transaction.

For phone number entry, I want to allow the user to click a "New" button that, when clicked, opens a modal dialog containing the form to create a new phone number (e.g. a drop down list for the phone type and a textbox for the phone number.) After filling out the form, they click "Ok" and it displays this unsaved phone number in a table. The phone number's row has an edit and delete button. If I click the edit button, it opens the modal and displays the phone number again as I entered it to allow me to edit it. If I click the delete button, it asks for confirmation from the user and if they provide it, it removes the phone number. Again this is all happening client-side.

Looking at the Kendo Grid, the Popup mode is the right idea as far as the user experience for data entry, but it appears that it is requried to save to make a server call to save to the database upon closing the modal? Since the person that the phone number is a child of does not exist, this won't work, not to mention I want to save in a single transaction. But if there's a way to allow the popup to close and save changes on the client-side only, that's all I need. The Grid's batch editing mode looks like the editing occurs client-side so it may allow me to submit my person and the phone numbers to save in a single transaction, but it uses inline editing, which we do not like for our user experience.

Is it going to be possible to modify the client-side behavior to allow editing Grid rows in a modal dialog so they can be sumitted (and bound to their model) all at once? If so, what would it take to accomplish? I understand the Grid's edit modes can't be mixed, but I'm not sure that means I can't wire up my own javascript that works with my own modal form and the client-side Grid API if necessary.

The Kendo DropDownList seems to take forever to load css. The values are loaded immediately although what is in the dropdown is the value not the text. The page is creating numerous dropdowns. It depends on the call but approximately 300. It works flawlessly with the mvc DropDownListFor. The Kendo call uses this:

@(Html.Kendo().DropDownList().Name("Reason" + person.Id.ToString()).DataTextField("Text").DataValueField("Value").BindTo(@Model.Reasons).Value(@person.ReasonId.ToString()))

All I have to do for the mvc drop down is the following:

@Html.DropDownListFor(m => person.Reason, Model.Reasons)

Should I do something different in the bind?

I am using Kendo MVC Upload control.  I am using it non-async mode with Multiple files marked false.

I want to use the events to control enabling/disabling the form Submit button.  This works except in one case.  If you select a file that fails validation, then select a new file that succeeds validation.  My Submit button is still marked disabled.

This seems to be because the onSelect event fires 1st and then the onRemove event fires 2nd.
I would like to suggest it would be better for the OnRemove event fire 1st and the onSelect event to fire 2nd.

$(document).ready(function () {
    $("#SubmitButton").attr("disabled", true);
});

function onSelect(e) {
    if (e.files[0].validationErrors == undefined) {
        $("#SubmitButton").attr("disabled", false);
    } else {
        $("#SubmitButton").attr("disabled", true);
    };
}

function onRemove(e) {
    $("#SubmitButton").attr("disabled", true);
}

I'm using latest build of Kendo UI MVC (2017.3.913) and I have a complex form which contains TabStrip.
Each Tab within the TabStrip contains PanelBar with multiple expandable\collapsible panels that allow me to view and edit data. When I expand a Panel the vertical scroll-barallows me to scroll down to view details etc.. Everything works fine so far.

On the form I also dynamically add a Kendo Window (dialog) and do various things like - Select Address,Select Person etc.. Dynamically creating it is a must - I destroy it after every time i use it. For demonstration the javascript function below creates the Window what I require to show the problem:

When I run this the vertical scroll bar on the tab strip disappears and I cant scroll down to view content not displayed on screen. Why is the vertical scroll bar disappearing?