Questions on Kendo UI for jQuery Forum

1 answer

90 views

Porting a working app from iOS/Android to WP8. showLoading() does something. I see a darkgrey bar across the center of the screen. But I don't see the spinning loading wheel. Is there a trick to this? Is this a known problem?

General Discussions

answered on 08 Apr 2013

1 answer

117 views

WP8 & text editing cursor

The text fields on my forms have no blinking cursor so you can't figure out what the insertion point is. The fields work. I can input text. But just no blinking cursor. The background is black on WP8 - so perhaps the cursor color needs to inverted??? Is this a known problem? Is there a fix?

General Discussions

answered on 08 Apr 2013

1 answer

53 views

Kendo Grid with MVC - Work locally after first load rather calling server call on every change

Hi,
Please see my code
It is calling every change rather work locally.
@(Html.Kendo().Grid<iFacilitiesDemo.Models.sp_Result>()
//@(Html.Kendo().Grid<iFacilitiesDemo.Models.Task>()
.Name("Grid")
.BindTo((IEnumerable<iFacilitiesDemo.Models.sp_Result>)ViewBag.Products)
.Columns(columns =>
{
//columns.Bound(p => p.Building);
columns.Bound(p => p.Job_No);
columns.Bound(p => p.Company);
columns.Bound(p => p.Status);
columns.Bound(p => p.Manager);
columns.Bound(p => p.Client);
})
.Groupable()
.Pageable(pager => pager
.Input(true)
.Numeric(true)
.Info(true)
.PreviousNext(true)
.Refresh(true)
.PageSizes(true)
)
.Sortable()
.Scrollable()
.Filterable()
)

Grid

answered on 08 Apr 2013

4 answers

559 views

[Solved] Adding Confirmation alert inside field validation for popup editor makes validation trigger multiple times

I added a custom validation function for field Discount.
The problem is that the confirmation alert inside the validation function seems to make validation trigger multiple times, so that user has to confirm again and again to make popup editor go away.

Jfiddle demo here: http://jsfiddle.net/uBfQ3/1/

To reproduce:

1. Edit discount field to more than 20 and hit update
2. Observe Confirm-popup triggering several times and popup editor is still present after hitting OK in all these windows
3. Hit update and observe yet another confirmation pops up
4. Hit OK and observe that popup editor finally goes away

Data Source

answered on 08 Apr 2013

3 answers

273 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

111 views

[Solved] 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

326 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

59 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

228 views

[Solved] 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

117 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