Questions on Kendo UI for jQuery Forum

0 answers

125 views

Kendo DatePicker not working with diffrent culture in MVC controller side.

Hello, Telerik Team

I am working on Kendo DatePicker control in MVC 4.0, and we have to culture in the application. 1) en-US and 2) ar-SA.

It is working fine for en-US but when I set culture as ar-SA, DatePicker change date as per culture in UI it is fine for me while in MVC controller side Model's Date-time property giving same date as UI. for e.g 01/Feb/2014 is display as 01/04/35(dd/MM/yy) in ar-SA.
Now , I won't to save only en-US date like 01/Feb/2014 in database side.
One more issue(for ar-SA) in client side "dd/MMMM/yyyy" is not able to post the form , i have also check $("form").kendoValidator().data().kendoValidator.validate()== true .
please provide your suggestion as soon as possible, it is argent for us.

Thanks
Padman

DatePicker

asked on 20 Feb 2014

3 answers

996 views

Is there any way to know grid edit mode changes

Hi,

I have a kendo grid with configuration as editable='inline' or editable='incell'.
In the case of incell editing,
- when I click in a cell, cell immediately move to edit mode.
- Now I click on another cell then the previous selected cell which is in edit mode move back to read-only state.\
In the case of inline editing,
- when I click on edit button, cell immediately move to edit mode and two buttons update and cancel created by grid.
- Now when I clicked on update or cancel, respective callback handler called and grid cell moved to read-only state.

I just want to know is there any way (may be some event) through which I can detect that grid changes its mode from edit to read-only(required for incell editing).

Thanks,
Vinay

Grid

answered on 20 Feb 2014

4 answers

401 views

Custom validation message shows up on the wrong column

My custom validation message shows up on the wrong column (see attached image)

Any idea why? or how to fix it?

Thanks.

Grid

answered on 20 Feb 2014

10 answers

198 views

iOS and upgrade issue

I just upgraded my application from v2013.3.1119 to v2013.3.1324.

I am using flat so I upgraded two files: "kendo.mobile.min.js" and "kendo.mobile.flat.min.css"

Now when I use the AppBuilder emulator in iPhone or iPhone 5 mode the footer is cut off by 20 pixels (displayed too low)
However when I deploy to the device the footer is 20 pixels too high (displayed too high and the header does not contain the 20 pixel padding in the header)

Is there some other file that needs updating?

General Discussions

answered on 20 Feb 2014

1 answer

103 views

Kendo UI with Visual Studio 2008

Dear Support Team,

I have a asp.net web project with Visual Studio 2008. Right now I want to use Kendo Grid without using MVC from that project. Is possible to get sample project?

Thanks & Regards,

General Discussions

answered on 20 Feb 2014

2 answers

56 views

Selectable behavior not working for current date in week and month view

Hello,

I encountered an issue with Selectable behavior within Scheduler control, the same issue can be seen here:
http://demos.telerik.com/kendo-ui/web/scheduler/selection.html

When the scheduler is in Week mode, clicking a cell from current day will not produce selection.

When the scheduler is in Month mode, clicking the cell for current day will not produce selection in Chrome, while in IE 9 the behavior is even stranger if you click any cell in the second column (today is Moday) it will produce a selection into same row but first column.

Could you provide a hint how this can be fixed. This is quite inconvenient for our customers.

Thank you,
Vasile

Scheduler

answered on 20 Feb 2014

1 answer

149 views

Fluid (bootstarp layout) and columns size

Hello
Is there any way to configure (js or css) grid columns to not have too small size when resizing window for smaller layout? Currently I have 1 column without set width to fill gap. Other columns has defined size. When I'm resizing window this column is resized to 0 so for small screens it is not visible. The perfect option would be to have min-width for each column to be never less than some value. But I don't know if this sis possible.

Kind Regards
Marcin

Grid

answered on 20 Feb 2014

1 answer

482 views

Kendo UI Datasource FIeld with Array

I am having an issue with getting the values of an array within the kendo ui datasource object. I have searched and tried many things to fix, but have not found a solution in 3 weeks. Basically I want to get the values of an array named 'base64img' that is assigned as a field in the Kendo UI datasource, but I have been unable to get access to the data of the array value.

Here are all my stats: (if there are errors in response, please ignore as I modified for security purposes) XML Response -

<?xml version="1.0" encoding="UTF-8"?><soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/"><soapenv:Body><retrieveIncidentResponse xmlns="http://lal.lala.com/lala/messages/"><incidentStructure><geoLoc>LALA1</geoLoc><eventName>PARTY</eventName><incidentStatus>OPEN</incidentStatus><incidentCompltnDate>2012-01-02</incidentCompltnDate>incidentStructure><imageURI>IMAG0001.jpg</imageURI><imageURI>IMAG0002.jpg</imageURI><imageURI>IMAG0003.jpg</imageURI><imageURI>IMAG0004.jpg</imageURI><imageURI>IMAG0005.jpg</imageURI><imageBase64>/9j/4AAQSkZJRgABAQAAAQABAAD</imageBase64><imageBase64>/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkM</imageBase64><imageBase64>EQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJC</imageeBase64><imageBase64>IeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eH</imageBase64>

Kendo DataSource Code:

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(soapXMLResponse, "application/xml");
var dsIncPictures = new kendo.data.DataSource({
error: function (e)
{
console.log("ds error: " + e.status);
},
data: xmlDoc,
schema:
{
type: "xml",
data: "soapenv:Envelope/soapenv:Body/retrieveIncidentResponse",
model:
{
fields:
{
imageURI: "imageURI",
imageBase64: "imageBase64"
},
hasChildren: true
}
},
pageSize: 50
});

My attempts to get to the values:
/*$drt.globalEditIncWPics.fetch(function()
{
$drt.globalEditIncWPics._data(0).imageBase64(0).val;
$drt.globalEditIncWPics.get("imageURI[0]");
var field = $drt.globalEditIncWPics.get("imageURI[0]").imageURI[0].length;
console.log($drt.globalEditIncWPics.get().imageURI(0));
var field = $drt.globalEditIncWPics.at(0);
console.log("VALUE: '" + field.text + "'");
soapRequest.append(bind.soapRequestMessageFields(field.FieldName, field.value));
});*/
/*$drt.globalEditIncWPics.fetch();
for (var idx = 0;idx<=$drt.globalEditIncWPics.length;idx++)
{
$drt.globalEditIncWPics.data[0].imageBase64[0].value;

}*/

This is the results of the object Google developer tools:

0down vote favorite

I am having an issue with getting the values of an array within the kendo ui datasource object. I have searched and tried many things to fix, but have not found a solution in 3 weeks. Basically I want to get the values of an array named 'base64img' that is assigned as a field in the Kendo UI datasource, but I have been unable to get access to the data of the array value. Here are all my stats: (if there are errors in response, please ignore as I modified for security purposes) XML Response -

<?xml version="1.0" encoding="UTF-8"?><soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/"><soapenv:Body><retrieveIncidentResponse xmlns="http://lal.lala.com/lala/messages/"><incidentStructure><geoLoc>LALA1</geoLoc><eventName>PARTY</eventName><incidentStatus>OPEN</incidentStatus><incidentCompltnDate>2012-01-02</incidentCompltnDate>incidentStructure><imageURI>IMAG0001.jpg</imageURI><imageURI>IMAG0002.jpg</imageURI><imageURI>IMAG0003.jpg</imageURI><imageURI>IMAG0004.jpg</imageURI><imageURI>IMAG0005.jpg</imageURI><imageBase64>/9j/4AAQSkZJRgABAQAAAQABAAD</imageBase64><imageBase64>/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkM</imageBase64><imageBase64>EQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJC</imageeBase64><imageBase64>IeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eH</imageBase64>

Kendo DataSource Code:

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(soapXMLResponse, "application/xml");
var dsIncPictures = new kendo.data.DataSource({
    error: function (e)
    {
        console.log("ds error: " + e.status);
    },
        data: xmlDoc,
        schema:
        {
        type: "xml",
        data: "soapenv:Envelope/soapenv:Body/retrieveIncidentResponse",
        model:
            {
            fields:
            {
            imageURI: "imageURI",
            imageBase64: "imageBase64"
            },
        hasChildren: true
        }
        },
    pageSize: 50
    });

My attempts to get to the values:
/*$drt.globalEditIncWPics.fetch(function()
        {
            $drt.globalEditIncWPics._data(0).imageBase64(0).val;
            $drt.globalEditIncWPics.get("imageURI[0]");
            var field = $drt.globalEditIncWPics.get("imageURI[0]").imageURI[0].length;
            console.log($drt.globalEditIncWPics.get().imageURI(0));
            var field = $drt.globalEditIncWPics.at(0);
            console.log("VALUE: '" + field.text + "'");
            soapRequest.append(bind.soapRequestMessageFields(field.FieldName, field.value));
        });*/
        /*$drt.globalEditIncWPics.fetch();
        for (var idx = 0;idx<=$drt.globalEditIncWPics.length;idx++)
        {
            $drt.globalEditIncWPics.data[0].imageBase64[0].value;

        }*/

This is the results of the object Google developer tools: Nevermind I was told that my reputation wasn't high enough to post picture. pasting code from developer tool (nevermind it takes up too much space): basically _prestineData has two arrays one called imageBase64 and imageURI in the 0|1 array spot and the values are shown as #text in each child array spot (0,1,2,3, etc).

0down vote favorite

I am having an issue with getting the values of an array within the kendo ui datasource object. I have searched and tried many things to fix, but have not found a solution in 3 weeks. Basically I want to get the values of an array named 'base64img' that is assigned as a field in the Kendo UI datasource, but I have been unable to get access to the data of the array value. Here are all my stats: (if there are errors in response, please ignore as I modified for security purposes) XML Response -

<?xml version="1.0" encoding="UTF-8"?><soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/"><soapenv:Body><retrieveIncidentResponse xmlns="http://lal.lala.com/lala/messages/"><incidentStructure><geoLoc>LALA1</geoLoc><eventName>PARTY</eventName><incidentStatus>OPEN</incidentStatus><incidentCompltnDate>2012-01-02</incidentCompltnDate>incidentStructure><imageURI>IMAG0001.jpg</imageURI><imageURI>IMAG0002.jpg</imageURI><imageURI>IMAG0003.jpg</imageURI><imageURI>IMAG0004.jpg</imageURI><imageURI>IMAG0005.jpg</imageURI><imageBase64>/9j/4AAQSkZJRgABAQAAAQABAAD</imageBase64><imageBase64>/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkM</imageBase64><imageBase64>EQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJC</imageeBase64><imageBase64>IeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eH</imageBase64>

Kendo DataSource Code:

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(soapXMLResponse, "application/xml");
var dsIncPictures = new kendo.data.DataSource({
    error: function (e)
    {
        console.log("ds error: " + e.status);
    },
        data: xmlDoc,
        schema:
        {
        type: "xml",
        data: "soapenv:Envelope/soapenv:Body/retrieveIncidentResponse",
        model:
            {
            fields:
            {
            imageURI: "imageURI",
            imageBase64: "imageBase64"
            },
        hasChildren: true
        }
        },
    pageSize: 50
    });

My attempts to get to the values:
/*$drt.globalEditIncWPics.fetch(function()
        {
            $drt.globalEditIncWPics._data(0).imageBase64(0).val;
            $drt.globalEditIncWPics.get("imageURI[0]");
            var field = $drt.globalEditIncWPics.get("imageURI[0]").imageURI[0].length;
            console.log($drt.globalEditIncWPics.get().imageURI(0));
            var field = $drt.globalEditIncWPics.at(0);
            console.log("VALUE: '" + field.text + "'");
            soapRequest.append(bind.soapRequestMessageFields(field.FieldName, field.value));
        });*/
        /*$drt.globalEditIncWPics.fetch();
        for (var idx = 0;idx<=$drt.globalEditIncWPics.length;idx++)
        {
            $drt.globalEditIncWPics.data[0].imageBase64[0].value;

        }*/

This is the results of the object Google developer tools: Nevermind I was told that my reputation wasn't high enough to post picture. pasting code from developer tool (nevermind it takes up too much space): basically _prestineData has two arrays one called imageBase64 and imageURI in the 0|1 array spot and the values are shown as #text in each child array spot (0,1,2,3, etc).

Data Source

answered on 20 Feb 2014

3 answers

136 views

Bug in kendo.Observable?

It looks like method "one" (or "bind" with last argument true) in kendo.Observable doesn't work as expected if you try to bind several events at the same time.
Short example is at:
http://jsfiddle.net/737D2/

Expected result is 4 alerts in following order:
- "b"
- "Before a"
- "a"
- "After a"

Actual result is:
- "b"
- "Before a"
- "b"
- "b"
- "After a"

Is this a real bug or is it intended behavior?

In the source code I'm looking at now (Kendo UI Web v2013.3.1119), the bug is at \src\js\kendo.core.js in lines 90-126 where the method "bind" of the class
"Observable" is defined. More specifically, most probably lines 113-119 have to be patched. The bug is related to "closures".
Relevant code is:

for (idx = 0, length = eventNames.length; idx < length; idx++) {
eventName = eventNames[idx];

handler = handlersIsFunction ? handlers : handlers[eventName];

if (handler) {
if (one) {
original = handler;
handler = function () {
that.unbind(eventName, handler);
original.apply(that, arguments);
};
}

if (one) {
handler = (function (original, localEventName) {
var newHandler = function () {
that.unbind(localEventName, newHandler);
original.apply(that, arguments);
};
return newHandler;
})(handler, eventName);
}

events = that._events[eventName] = that._events[eventName] || [];
events.push(handler);
}
}

I think proper fix should be something like this (I didn't test it):

if (one) {
handler = (function (original, localEventName) {
var newHandler = function () {
that.unbind(localEventName, newHandler);
original.apply(that, arguments);
};
return newHandler;
})(handler, eventName);
}

Note that in this case "original", "localEventName" and "newHandler" are captured from the local scope and thus will not be affected by further iteration through for cycle.

General Discussions

answered on 20 Feb 2014

1 answer

163 views

Reset grid page on document load

Hi,

I have a grid with command buttons on each row, when I click a command button i link to another page use the querystring/Viewbag to remember the page number until I come back to the page with the grid.

When I return to the page with the grid I can see that I am indeed using the correct page number so in document ready function I use:

var grid = $("#grid").data("kendoGrid");

grid.dataSource.page(@ViewBag.Page);

But it just displays page 1 irrespective of the page I have stored in @ViewBag.Page

Is there some way that I can force the grid or data source to display the page I want it to when the document loads, after that the page will be set from the pager controls on the grid.

Many thanks in advance

Grid

answered on 20 Feb 2014