Questions on Kendo UI for jQuery Forum

1 answer

67 views

Hi,
Please take a look at the attached sample.
I'm creating a grid with a row template. As long as i havnt changed any data the blur event of each input is invoked properly.
However , after changing a value and leaving the input , the grid is re-binded and it looks like all the inputs are being recreated !!! (blur event no longer works...).
Why does the grid re-creates the entire inputs and not updates the specific input that was modified.
Currently ,when having a bigger grid this actually causes a real performance issue , as every value hang causes the grid to -rebind and the browser hangs for a second (which is very annoying to users...)
Can you please help ?
Is there a way to tell the grid to not to be fully refreshed ?
Does it require to create a grid without using the kendo..bind command ?
If so how can I insert data-role items to the grid (if I add data-role items to the example http://demos.kendoui.com/web/grid/rowtemplate.html it doest really work...)
thx for the help
Sagi

Grid

answered on 04 Oct 2013

1 answer

78 views

iOS 7 safari button bar block part of the page

Hello Everyone,

I am writing an web application with Kendo mobile. It seems iOS 7 safari button bar will cover last item in a long liveView. See attachment please.
I am seeking a way to either hide button bar of iOS 7 safari or resize the page itself. Anyone has suggestions?

Thanks in advance!

-Marco

Application

answered on 04 Oct 2013

1 answer

128 views

Second attempt at read of data source not working

Hi - I have a Data Source defined for some fields on our webpage. The first time in, it reads the data just fine. Our users can select another value from a filter on the page, and when they click the an apply button, it should refresh the data, but it doesn't seem to do the read. I'm not getting any errors, it just isn't doing the second read.

Any ideas?

kdsStudentInformation = new kendo.data.DataSource({

transport: { //transport: defines the URL endpoints for remote data (read/insert/update/delete)

read: function (options) {

$.getJSON(Helpers.toServicesUrl("/GetctrlEWSStudentInfoPanel"),

{

studentId: studentIDParm, //935824

username: WSIPCContext.UserName,

schoolCode: schoolCodeParm,

schoolYear: schoolYearParm,

districtId: WSIPCContext.DistrictId

},

function (data) {

stuInfox = data.GetctrlEWSStudentInfoPanelResult.RootResults;

kdsStudentInformation.data(stuInfox);

loadStudent();

}).fail(function (jqXHR) {

options.error(jqXHR);

});

} //read

}, //transport

schema: { //tells the Data Source where to find the result set

data: "stuInfox"

}

});

And to read it:

kdsStudentInformation.read();

thanks!

Data Source

answered on 03 Oct 2013

1 answer

114 views

Column template breaks Add new record function

Hi Greg,

I would suggest to add "min" validation rule or define a custom one - for more information you can check this article.

Also about the template error - in current case I would suggest to add additional logic to the template where if the "vendorID" is null to return empty template. Additionally you can define "default" value for current field in the dataSource schema definition.

Grid

answered on 03 Oct 2013

5 answers

266 views

How to build Phonegap/Cordova app from existing Kendo UI project?

I'm currently evaluating Kendo UI for our new hybrid mobile app. So far everything went fine, but I just can't get my Kendo UI test project build into a standalone app using Phonegap. I just tried Android using this tutorial regarding the integration part of Kendo UI:

http://www.kendoui.com/blogs/teamblog/posts/12-02-22/building_your_first_kendo_ui_mobile_phonegap_application.aspx

This does work (basically), but in the resulting app nothing is really working (links, listviews etc.).

My question is: is there a more recent tutorial on how to integrate Kendo UI with Phonegap/Cordova? The one above seems outdated to me (i.e. there is no phonegap-*.js in the phonegap download).
If there is no tutorial that works with Phonegap 2.9., could some one spare a few minutes and tell me how to get the Kendo UI stuff into a freshly created phonegap www structure?

Btw: I tried the cloud service of the Phonegap builder, which works fine, but is not suitable for us. I need to build it locally. As I mentioned, Phonegap is set up locally and runs fine. I just need help with integrating Kendo UI.

Thanks a lot in advance,
Roman

General Discussions

answered on 03 Oct 2013

1 answer

511 views

Grid InCell Mode Validation

Hi,
I have followed this sample to see how validation works on the grid.

http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/serverside-validation-during-pop-up-editing-not-working-with-custom-template.aspx

But I am unable to make it work with incell editing. When I change the edit mode to incell, the grid no longer has editable object available.

I guess what I am trying to do is somehow get the uid of the grid cell that caused the validation, and then use that and iterate over

$(

"#Grid").data("kendoGrid").tbody to find the elment in the grid where I want to display the validation error as a tooltip

Thanks

Grid

answered on 03 Oct 2013

4 answers

171 views

Access Denied error when document.domain is set.

I am working in an application where it is necessary to set document.domain. This is non-negotiable. When document.domain is set and I am using localhost or a FQDM then I get an "Access Denied" error from Kendo. It has something to do with creating or accessing the iframe for the editor. The error occurs on line 301 of kendo.editor.js:

295 iframe = $("<iframe />", { src: 'javascript:""', frameBorder: "0" })

296 .css("display", "")

297 .addClass("k-content")

298 .insertBefore(textarea)[0];

299

300 wnd = iframe.contentWindow || iframe;

301 doc = wnd.document || iframe.contentDocument;

You can reproduce this issue by taking the editor demo (found here: examples\web\editor\index.html) and adding the following script tag at the end of the head:

<script>document.domain=document.domain;</script>

Setting the document.domain after the editor is initialized obviously works but probably wont always be an option. How can I get the editor to work after document.domain is set?

This occurs in IE 8 & 9. The version of Kendo I am using is 2013.2.716.

Editor

answered on 03 Oct 2013

2 answers

400 views

Kendo Grid Hierarchy - Print parent rows

Hi,
I am using Kendo Grid Hierarchy in my ASP.Net Web application.
For each row in my parent table, i have an option to print that row details.
My parent table is associated with a model. Each row in this parent table has several columns:
- ID
- Product Name
- External Number
- Print button
Here is my problem,
I need to print parent row before I explore the child table. That means before I use detailInit(e) function I need to get selected row ID to print that row.
My print function is,

$("#GridName").on("click", ".k-grid-print", function (e) {
e.preventDefault();
var dataItem = $(e.target).closest('td').siblings(':first-child').text();
alert( dataItem );
});
But in here "dataItem" is always empty. If I remove child table from the grid. Its worked. So How I can solve this problem ??

Regards,
Rukz

Grid

answered on 03 Oct 2013

11 answers

489 views

How to add Custom Labels at specific ticks(Scale vale) in Radial Gauge chart?

I have Gauge chart with pointer value 3 as shown in attached screen shot. Now how to add custom label at 3

General Discussions

answered on 03 Oct 2013

1 answer

249 views

Issue when using the arrow keys (up/down) on dropdownlist

I have an issue in Firebug when navigating with on a dropdownlist :
TypeError: d is undefined
anonymous()kendo.....min.js (line 9)
_hideBusy(e="(", n=3)kendo.....min.js (line 16)
_hideBusy(e=Object { originalEvent=Event keypress, type="keypress", timeStamp=167927338, more...})kendo.....min.js (line 16)
b()jquery.min.js (line 3)
b(e=Object { originalEvent=Event keypress, type="keypress", timeStamp=167927338, more...})jquery.min.js (line 3)
b(e=keypress charCode=0, keyCode=40)jquery.min.js (line 3)
...null}else if("s"===l){if(x("s"),B=C(2),null===B||t(B,0,59))return null}else if("...
This happens only on Firefox (23.0.1) and not on Chrome.
Also, I can see in Firebug something like this: ObjectObject { error="Mozilla error: invalid scope variables"}
You can test this issue here: http://jsfiddle.net/sergiu079/pKsXN/18/
Write something into the input field then press TAB and after that press the down arrow.
Any ideas?

DropDownList

answered on 03 Oct 2013