Questions on Kendo UI for jQuery Forum

3 answers

255 views

KendoUI Upload not working properly on IE9

Hi All,

I am using Kendoui upload control (Async mode) in my asp.net application.I am able to successfully upload file using Google chrome,Firefox and IE10 but in IE9 file uploads successfully but success event of kendo upload does not fire and it always goes to error event.

kendo upload make ajax call to asp.net apiController where I have written sub which does not return.

so I get response with no content as mentioned in documentation to have empty response for success but still success event does not fire in IE9.

Please help me to fix this issue.

Regards
Imran

Upload

answered on 08 Apr 2013

1 answer

85 views

Displaying validation messages

Hi there!
here (http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/grid/ajax-editing) you show an example of showing Validation Errors in Kendo. I have two questions about your example:
- After the Server Update fails, Update/Cancel Buttons are hidden and Edit is shown. Is it possible to capture the error event and keep the Update/Cancel buttons visible?
- If the server-generated error is added to the model via AddModelError, is it possible to show the error in the cell instead of using the alert?

Thank you very much for your assistance!

Grid

answered on 08 Apr 2013

3 answers

298 views

Sidebar menu like Facebook app

Hello,

Does it give a way to create a sidebar menu like in Facebook app?

The sidebar should take all the height of the screen and push all main content on the right when it opens.

If somebody has an example of this working in jsbin/jsfiddle or on a page, I would like to see it ;-).

Thanks,
Bastien

General Discussions

answered on 08 Apr 2013

4 answers

40 views

Buttons don't work on iPhone 4 - iOS - 4.3.2

Hi

First of all, KendoUI is pretty cool.

I'm playing around with it and created the following demo

http://test.iphonex.co.uk

All buttons work fine on iPhone 5 but on iPhone 4 - iOS - 4.3.2 the buttons don't respond.
After we added the slide at the top it stopped working.
Once we remove the top slider all is fine.

Any help would be much appreciated.

Thank you for your time,

Regards
D

General Discussions

answered on 08 Apr 2013

2 answers

194 views

Modify Grid in code-behind

Hi!

We just decided to upgrade our projects from Telerik grid to Kendo, but this has become a major issue for us, since we have a very deep integration. When we want to show a Grid, we use our own ViewHelper class. This class would modify a Telerik Grid to the way we like.

For instance Grids created this way could have a specific DataAnnotation on each of the models property, that specified:

Alternative columnname
If the column is hidden or not
Specific datetime format
Wheather or not to summarize this column
MANY other options

Also, there are many extensions to the Grid itself, like:

Should the grid have an Export button, for Excel export
Should the grid have vertical scrollbars
Should the grid have text areas over each column for filtering.

We hook on most of the Grids events, to run scrips before the ones provided in the ClientEvents setting.

We have hundreds of Grids created this way, and it makes it easy to maintain since all Grids are defined by their model. To do this, we created Grids like this in the View:

<%=ViewHelper.CreateGridFromType<OverviewTopFiveModel>(this)

.Name("DailyTopFive")

.DataBinding(dataBinding => dataBinding.Ajax()

.Select("AjaxDailyTopFive", "Home"))

.Filterable()

.Sortable()

.ScrollBars(false)

%>

And CreateGridFromType would look like this:

public static GridBuilder<TModel> CreateGridFromType<TModel>(ViewPage page) where TModel : class

{

// create the custom grid

var component = (page.ViewContext.HttpContext.Items[StyleSheetRegistrar.Key] as StyleSheetRegistrar) ?? new StyleSheetRegistrar(new

WebAssetCollection(WebAssetDefaultSettings.StyleSheetFilesPath), page.ViewContext, DI.Current.Resolve<IWebAssetCollectionResolver>());

var scriptWrapper = DI.Current.Resolve<ScriptWrapperBase>();

var registrar2 = (page.ViewContext.HttpContext.Items[ScriptRegistrar.Key] as ScriptRegistrar) ?? new ScriptRegistrar(new WebAssetCollection(WebAssetDefaultSettings.ScriptFilesPath), new List<IScriptableComponent>(), page.ViewContext, DI.Current.Resolve<IWebAssetCollectionResolver>(), scriptWrapper);

var test = new

CustomViewComponentFactory(page.Html, DI.Current.Resolve<IClientSideObjectWriterFactory>(), ComponentBuilderBase<StyleSheetRegistrar, StyleSheetRegistrarBuilder>.Create(component), ComponentBuilderBase<ScriptRegistrar, ScriptRegistrarBuilder>.Create(registrar2));

var cGrid = test.Grid<TModel>();

var grid = new GridBuilder<TModel>(cGrid);

// create the columns

grid.Columns(CreateGridColumnsFromType(grid));

// hook internal events

grid.ClientEvents(e => e.OnLoad("onInternalGridLoad"));

grid.ClientEvents(e => e.OnDataBinding("onInternalGridDataBinding"));

grid.ClientEvents(e => e.OnDataBound("onInternalGridDataBound"));

grid.ClientEvents(e => e.OnDetailViewExpand("onInternalGridDetailViewExpand"));

grid.ClientEvents(e => e.OnDetailViewCollapse("onInternalGridDetailViewCollapse"));

grid.ClientEvents(e => e.OnRowDataBound("onInternalRowDataBound"));

grid.ClientEvents(e => e.OnCommand("onInternalGridCommand"));

return grid;

}

With the upgrade to Kendo, everything has changed. How on earth can we get a hold on the Grid in our ViewHelper? We need to preserve the settings made in the view, like the url to the DataSource and additional Columns. It is not good enough to just create a new Grid from scratch. It has to extend the Grid defined in the View. I hope you have some solution to our problem, since this way of creating Grids is crucial for us.

If i have not explained myself good enough, please let me know. Also, i can provide sample files - but i think the code provided explains most.

Grid

answered on 08 Apr 2013

1 answer

100 views

listview data-click doesn't fire

hi
the data-click event of listview does not firing
the list view inside the modal view

<div data-role="modalview" id="modalview-folder" style="width:95%;height:140px;">

<ul data-role="listview" style="cursor:pointer;" data-click="folderOptionsClick" >
<li data-operation="capture" >Capture</li>
<li data-operation="upload" >Upload</li>
<li data-operation="cancel" >Cancel</li>
</ul>

</div>

function folderOptionsClick(e) {
var operation = e.dataItem.operation;
console.log(operation);
if (operation == "capture") {
}
else if (operation == "upload") {
}
else if (operation == "cancel") {
$("#modalview-folder").kendoMobileModalView("close");
}
}

General Discussions

answered on 08 Apr 2013

10 answers

230 views

IE8 - MVC Grouping = 'length' is null or not an object

I'm using the Kendo UI Grid with AJAX binding using the MVC HTML helper and the IQueryable<T>.ToDataSourceResult extension.

Unfortunately in IE8 I am getting a 'length' is null or not an object javascript error.

Everything works fine in Chrome. So it is an IE8 compatibility issue. Any suggestions?

Controller:

TimeZoneCollection timeZones = new TimeZoneCollection(this.AppSettings);
timeZones.Load();
 
List<TimeZoneListModel> models = Mapper.Map<TimeZoneCollection, List<TimeZoneListModel>>(timeZones);
IQueryable<TimeZoneListModel> dataSource = models.AsQueryable();
 
return Json(dataSource.ToDataSourceResult(request));

View:

@(Html.Kendo().Grid<Shmiffer.Web.Areas.Admin.Models.TimeZoneListModel>()    
    .Name("grdTimeZones")
    .Groupable(grouping => grouping
        .Enabled(true))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("Index", "TimeZones"))
        .Sort(sort => sort.Add(tz => tz.TimeZoneId).Ascending())
        .PageSize(10)
        .Group(group => group.Add(tz => tz.SupportsDaylightSavingTime)))
    .Filterable(filtering => filtering
        .Enabled(true))
    .Pageable(paging => paging
        .Enabled(true)
        .Info(true)
        .PageSizes(false)
        .Refresh(true))
    .Scrollable(scrolling => scrolling
        .Enabled(false)
        .Height(200)
        .Virtual(true))
    .Sortable(sorting => sorting
        .Enabled(true)
        .AllowUnsort(false)
        .SortMode(GridSortMode.SingleColumn))
)

Grid

answered on 08 Apr 2013

4 answers

613 views

Kendo ui inline grid Missing line border

Hi Guys,

I am having an issue where inline editing grid line border is missing in IE 7 if the date field is empty. Please advise

THank you

Grid

answered on 08 Apr 2013

6 answers

59 views

Bug fix: "Widget does not select correct item if optionLabel is defined"

In release 2012.3.1511, you state that the following fix was made for dropdown list:
"Widget does not select correct item if optionLabel is defined"

I think this is related to a problem I have. You please give some clarification and simple scenario that this fixes? Thanks.

DropDownList

answered on 08 Apr 2013

1 answer

152 views

Multiple tooltips when mousing about

I have a Kendo tooltips bound to the tabs of a Kendo tabstrip. When mousing over the tabs, occassionally, I get multiple tabs displayed e.g. they don't clear. See screen grab snippet attached.

ToolTip

answered on 08 Apr 2013