Questions on Kendo UI for jQuery Forum

3 answers

472 views

Local Data Source Can't Refresh List View

My Issue:
- I have a JSON array bound to a Kendo UI Mobile List
- The query is run and the data assigned to the list
-Once the data is assigned to the list it can't be refreshed

What is the correct method to refresh the data on the list?

Is there a way, or does it involve a lot of hacking.
I would appreciate a snippet or small fiddle if one exists

Cheers

Darren

ListView (Mobile)

answered on 22 Feb 2013

1 answer

91 views

Combining Stock Chart with Bubble Chart

Hi,
I would like to create a graph with two series. I essentially would like to combine the stock chart with a bubble chart that has a (secondary) y-axis. For each bubble, I would need to manipulate the size and color (red or green) based on the data point. Secondly, is it possible to sniff out the selected range of values in the stock chart y-axis ? The range of values is large and the line is seemlingly flat, so I would like to minimize the min and max so the line looks more volatile. It would be nice if this were tied to the datasource, but I'm open to ideas.
Any examples that you can point me to would be greatly appreciated.
Thanks
TF

General Discussions

answered on 22 Feb 2013

7 answers

1.5K+ views

DatePicker format option ignored when inputing a different format from parseFormats.

Hi,

When a DatePicker defines both a format option and parseFormat(s) values, the control doesn't convert the date to the format specified in option.format when it is the same date.

To reproduce use the following sample script and manually modify the datepicker to be 2012/08/21

<input id="sampleDate" name="sampleDate" value="21 Aug 2012" />       

<input id="showInputValue" type="button" />



<div id="output"></div> 





jQuery(

function(){

jQuery("#sampleDate").kendoDatePicker({"format":"dd MMM yyyy","parseFormats":["yyyy/MM/dd"]});

$("#showInputValue").click(function()


                                {
                                      $("#output").append("<div>" +							$("#sampleDate").val() + "</div>");
                                });

});

Yann

Date/Time Pickers

answered on 22 Feb 2013

3 answers

784 views

DropDownList as custom editor in grid

Hi,

I would like to use a DropDownList as custom editor in combination with a colum template inside a Grid. The problem now is that the gid does not accept the selected value of the DropDownList, it always jumps back to thre previous value.

What's going wrong there?

JS Bin sample: http://jsbin.com/afadeh/1/edit

Thanks,
Holger

Grid

answered on 22 Feb 2013

3 answers

141 views

Default date with Multiple DatePickers on page

Hi,

I have two KendoDatePickers (used as month/year) on the same page. When I select a date from the calendar, the second DatePicker defaults the date to the selected date in the first DatePicker as opposed to the current date/time. Below is my code if this helps:

$(

"#frommonthpicker").kendoDatePicker({

start:

"year",

depth:

"year",

format:

"MMMM yyyy"

});

$(

"#tomonthpicker").kendoDatePicker({

start:

"year",

depth:

"year",

format:

"MMMM yyyy"

});

Date/Time Pickers

answered on 22 Feb 2013

3 answers

243 views

how to open popup window several times, each time with a different URL?

I think my understanding of the kendo window's refresh() method may be incorrect. If it is, could you please explain what refresh() does, and advise on how to accomplish the desired behavior?

Main page has department employees listed on it. When an employee name is clicked, a popup window opens, showing the employee's calendar. Then the popup can be closed by the user, and another employee's name can be clicked, and their calendar should be displayed. And so on and so on. The calendar must change when currentEmployeeID changes.

My code below isn't working as I expected: the calendar does not change, even though on the second and subsequent times, refresh() is being invoked with a different URL.

currentEmployeeID = //user makes a selection

 and employeeName is also changed accordingly

if (!mydiv.data("kendoWindow") ) {

mydiv.kendoWindow({

iframe: true,

title: employeeName,

content: "calendar.htm?eeid="+currentEmployeeID;

type: "GET"

}

});

mydiv.data("kendoWindow").open();

} else {

mydiv.data("kendoWindow").refresh({

iframe: true,

type: "GET",

title: employeeName,

url: "calendar.htm?eeid="+currentEmployeeID

});

mydiv.data("kendoWindow").open();

}

Window

answered on 22 Feb 2013

3 answers

161 views

KendoUI Modal Window and Mobiscroll

Hello everyone,

I am using Mobiscroll in one of my projects and its called in a KendoUI Modal Window, the problem is that when I scroll the values in the mobiscroll the Modal Window closes.

Any idea what's happening?

Thanks everyone!

General Discussions

answered on 22 Feb 2013

2 answers

1.0K+ views

Window position again

Hi,

I have a problem positioning a Kendo UI window. I want the window appear horizontally centered on the screen and vertically 100px from top, this is the code for my window (inside $(document).ready(function ()):

var kendoDlg = $('<div id="dlg"/>').kendoWindow({

minWidth: 350,

maxWidth: 350,

title: "Info",

resizable: false,

modal: true

});



$('#dlg').parent().addClass("infoDialog");



kendoDlg.data("kendoWindow")

 .content(div)

 .center().open();

I added a class 'infoDialog' to it's parent to modify the styles by css.

The css is here:

.k-widget.k-window.infoDialog {

top: 100px !important;

}

If I visit my page now, the window appears exactly where I wanted to. The problem now is the window can only be dragged/ moved horizontally but not vertically anymore, it sticks at the 100px horizontal position.
How can I position the window using css and keep the possibility to move it where I want to?

I saw in other post following code:

$("#dlg").closest(".k-window").css({

top: 55,

left: 450

});

If I place this code after the line

$('#dlg').parent().addClass("infoDialog");

it does not do anything. If I place it after the call to .open(), then the window appears at center of the screen and moves / animates up to position 100px from top, but this is now what I want. I want the window appear immediately at 100px from top.

How I can do that? Why there is no property top, left for the window widget to keep things simple?

Thanks for any help!

Window

answered on 22 Feb 2013

1 answer

76 views

Dtae Format

I have set a column in grid with the following format
columns: [
{ title: 'Date & Time', field: 'date', width: 130, sortable: true, template: '#= kendo.toString(date, "dd MMM yyyy") #' },

But the result i am getting is

2012-12-21T00:00:00 in Date feild

Why is this like this?

General Discussions

answered on 22 Feb 2013

7 answers

371 views

Kendo Calendar no longer supports touch?

Does the new kendo calendar no longer support touch devices? The Beta Q2 worked fine on touch devices but now even the online demos no longer work on touch devices.

Is there any way to get touch devices working with the new kendo calendar? Any insight is greatly appreciated.
John

Calendar

answered on 22 Feb 2013