Questions on Kendo UI for jQuery Forum

12 answers

174 views

WP8& custom icons

Porting my web fonts over for WP8.

I've specified my custom font like this.

.km-root .km-pane .km-view .km-mail2 {
    background-size: 100% 100%;
    -webkit-background-clip: border-box;
    background-color: currentcolor;
}

.km-mail2 {
    -webkit-mask-box-image: url("mail.png");
    background-color: red;
}

And, I've attached the file I'm using. It works in Android/iOS (if I substitute this for the web font. But, in WP8 it looks liike a solid white square. Any ideas?

General Discussions

answered on 18 Apr 2013

1 answer

93 views

Kendo mobile Application Typescript declaration constructor incorrect

The mobile Application class constructor should start with an HTMLElement parameter. Currently you have:

module kendo.mobile {

class Application extends Observable {

constructor(options?: ApplicationOptions);

should be:

constructor(element?: HTMLElement, options?: ApplicationOptions);

This is the second error I found. First was:
Typescript definition for kendo mssing ns property

Note that this is KENDO MOBILE. Please provide a kendo.mobile.d.ts for that! In my previous thread you said to rename the kendoui one. That, of course, will not work.

General Discussions

answered on 18 Apr 2013

3 answers

392 views

Loader / Progress bar

Is there any progress bar widget in kendo ui?

General Discussions

answered on 18 Apr 2013

16 answers

4.4K+ views

Kendo UI Grid Inserts/Updates create Duplicate Records

Hi, I am using Kendo UI in an MVC application

I have a Kendo UI Grid which performs some CRUD operations but it inserts duplicate records when I try to update an existing record.
Is there a way to replace your insert and update dialog with my own custom jquery dialog.

If I turn-off Batch Editing, my post to the controller fails. My controller has the following annotations:

[AcceptVerbs(HttpVerbs.Post)]
        [JsonParameter(Input = "models", Output = "Offices", DataType = typeof(IList<RegionalOfficeModel>))]
        public ActionResult Delete(IList<OfficeModel> Offices)

 //My code to delete

Grid

answered on 17 Apr 2013

1 answer

101 views

Get cell's column header and rows header?

How to Get cell's column header and rows header when I click a cell?

Grid

answered on 17 Apr 2013

1 answer

1.4K+ views

Pass parameter/value to kendo window

HI,

I'm new to using mvc, kendo & even javascript. I basically need help on how to send data from a button which will be used to bind with a Kendo Editor. I followed the Kendo example for opening a window using jquery but now i want to pass a value (id perhaps)

My code:

@model IEnumerable<Scholarship2013.Models.AwardCart>

<table id="awardSearchResultGrid" style="width:100%">

<thead>

<tr>

<th data-field="awardName">Award Name</th>

<th data-field="description">Award Description</th>

<th>Essay</th>

</tr>

</thead>

<tbody>

@if (Model!=null)

{

foreach (var awc in Model.Where(a => a.Award.IsEssayRequired == true))

{

<tr>

<td>@awc.Award.AwardName</td>

<td>@awc.Award.AwardDescription</td>

<td><span id="undo" class="k-button" onclick="ShowAward(@awc.AwardID)">Add Essay</span></td>

</tr>

}

</tbody>

</table>

@(Html.Kendo().Window().Name("window")

.Title("Essay for ")

.Content(@<text>

<div>

@Html.Kendo().EditorFor("Value of ID here").Name("Test").Value("test")

</div>

</text>)

.Visible(false)

.Modal(true)

.Draggable(true)

.Width(1024)

)

<script>

function onClose() {

$("#undo").show();

}

$(document).ready(function() {

$("#undo").bind("click", function() {

$("#window").data("kendoWindow").open();

});

</script>

Window

answered on 17 Apr 2013

1 answer

132 views

Dynamic Pages on ScrollViewer

I have a ScrollViewer where I need to change the pages on the fly. As you navigate the app I'm changing the content of a scrollviewer in a different view (pre-loading content). If I go from 3 pages, down to 1, and back up to 3 the ScrollViewer only shows 1 page. I've tried the refresh() and content() methods but that doesn't seem to re-initialize the scrollviewer. If I change the content of a scrollviewer how do I tell it to re-initialize itself?

General Discussions

answered on 17 Apr 2013

4 answers

388 views

[Solved] Handling server side errors (non-MVC version)

I'm aware of the following example showing how to deal with server side errors.
http://www.kendoui.com/code-library/mvc/grid/handling-server-side-validation-errors-during-pop-up-editing.aspx

However I'm trying to handle server side errors using the non-MVC version of the Kendo grid and I notice in the API there is no dataBinding event that I can cancel. So how would I cancel the data binding in this scenario? Thanks,

Scott

Grid

answered on 17 Apr 2013

1 answer

231 views

Show progress on Grid popup edit save

I have a Grid which uses popup editing with a custom popup template.

I've finally got it all working just as I want, with some tricky ajax driven validation, but I've now run into a slight problem.

It takes a couple of seconds for the new or updated data to be sent to the server and a valid response to be received. In this time, users are thinking they've not clicked the Save button properly and are resubmitting the data.

What would be the best way to show some sort of progress indicator to let the user know something is happening until the popup closes and the grid is displayed again.

Thanks.

Grid

answered on 17 Apr 2013

2 answers

560 views

Hidden validators when virtual scrolling & createAt bottom

Hello,

I have a grid with virtual scrolling on it due to huge data.
On all my grids I would like to create new lines only at the bottom of the grid.
When the grid has to display a validator ("field required" as for exemple) the validator is hidden at the bottom of the grid (we only see the arrow but not the complete message).
I don't think it will be hard to reproduce, is there a workaround ? Thanks

@(Html.Kendo().Grid<Integraal.Models.ImmoBaseCptTiersCompte>()

.Name(Model.idView + "immoBaseCptTiers_grilleTiers")

.HtmlAttributes(new { @class = "immoBaseCptTiers_grilleTiers" })

.Columns(columns =>

{

columns.Bound(m => m.ct_num_compte).Width(80);

columns.Bound(m => m.ct_titre);

columns.Command(command => command.Destroy().Text(" ")).Width(40);

})

.Editable(editable => editable.Mode(GridEditMode.InCell)

.CreateAt(GridInsertRowPosition.Top)

)