Questions on Kendo UI for jQuery Forum

9 answers

127 views

Hi Kendo team,

I need to use 'seconds' as the baseUnit for categoryAxis. Is this possible, if so, how please?

Thanks,
Amrinder

Charts

answered on 07 Mar 2014

5 answers

406 views

Setting default values to treeview

Hi,
I have the following setup:
I'm using angularjs.
I have a treeview in one page, and I keep the stats to this page in a session variable (a "Service", across all my pages).
Everything works fine, and the treeview loads fine.
The only problem is - how do I keep the selected nodes across all pages, and show them when relevant (i.e. when I get back to the page with the treeview)?
I can keep the data in the service, so it is availablein the following format:

{nodesItems: [{text: 'text1', id: 'id1', checked: 'true'}, ...]}

As I wrote above, the treeview appears, but how do I set the relevant nodes to be checked?

TreeView

answered on 07 Mar 2014

2 answers

67 views

keyboard navigation Issue

Hi,
I have encountered a strange problem. the problem is listed below.

I have a grid in which there are comboboxes in the fields which appear when the focus is set on the field(inline editing).
Now coming to the problem, when I have the focus in a field and click on the tab(of the keyboard) key the focus is sent to the next field and the combobox does not display properly and also it does not function properly.Now if i press the esc key and then click on tab it works properly. Please help. I am using the web version of kendo and not the MVC one. So please give me a sample code where I can have comboboxes in the consecutive fields and navigat thru them using the tab key. Also we are using the kendo version of v2013.2.918
Thanks in advance

Regards,
Vijay

Grid

answered on 07 Mar 2014

2 answers

185 views

[Solved] Use "Enter" to select row/cell

I know we can use the space bar, but there is a requirement to use the enter key also/instead. Is there something like this built into the Grid? What would be the best/suggested way of adding this functionality to the grid in general?

Grid

answered on 06 Mar 2014

1 answer

266 views

Labels of donut outside of chart area

Hi,

I've been trying to use the donut component. However, Kendo DataViz does not render the label inside the box as you can see in the image. I've tried to change the chartArea width, but it seems to do nothing :(.

Is this possible?

Side question: I'd like to add a break line to the label (so I can show the percentage in the next line). I've tried adding <br> as the template, but it's not rendered.

Thanks!

Charts

answered on 06 Mar 2014

5 answers

136 views

Kendo Mobile 2013.2.1024 ModalView widget Open event handler not firing

The ModalView open event handler is not firing as per the documentation below whether I call the open method $("#mvTest").data("kendoMobileModalView").open() or use data-rel="modal" and href="#mvTest" attributes on a button widget.

http://docs.kendoui.com/api/mobile/modalview#events-open

ModalView

answered on 06 Mar 2014

6 answers

2.9K+ views

[Solved] Hide/Display an existing Window

Upon loading, the windows are there but hidden by default.

I thought I had it where a click of the button would toggle the window (hide/show), but it was only creating another instance.

What am I missing?

<div class="k-widget k-tabstrip k-header">

@* Window buttons. *@

<table style="width:100%">

<tr style="text-align:center">

<td><button id="inProgressBtn" class="k-button">Work in Progress</button></td>

<td><button id="agingBtn" class="k-button">Aging</button></td>

<td><button id="recentBtn" class="k-button">Most Recent</button></td>

<td><button id="miscBtn" class="k-button">Miscellaneous</button></td>

<td><button id="allBtn" class="k-button">All Matters</button></td>

</tr>

</table>

</div>

@* Billable Work In Progress window. *@

<div id="inProgressDiv">

@(Html.Kendo.Window _

.Name("inProgressCWindow") _

.Title("Billable Work in Process") _

.Content(Html.Partial("_InProgressStatus", Model).ToHtmlString()) _

.Draggable _

.Width(300) _

.Visible(False) _

.Actions(Function(actions) actions.Close)

)

</div>

@* Aging window. *@

<div id="agingDiv">

@(Html.Kendo.Window _

.Name("agingCWindow") _

.Title("Accounts Receivable Aging") _

.Content(Html.Partial("_AgingStatus", Model).ToHtmlString()) _

.Draggable _

.Width(300) _

.Visible(True) _

.Actions(Function(actions) actions.Close)

)

</div>

@* Most recent window. *@

<div id="recentDiv">

@(Html.Kendo.Window _

.Name("recentCWindow") _

.Title("Most Recent") _

.Content(Html.Partial("_RecentStatus", Model).ToHtmlString()) _

.Draggable _

.Width(400) _

.Visible(False) _

.Actions(Function(actions) actions.Close)

)

</div>

@* Miscellaneous window. *@

<div id="miscDiv">

@(Html.Kendo.Window _

.Name("miscCWindow") _

.Title("Miscellaneous") _

.Content(Html.Partial("_MiscClientStatus", Model).ToHtmlString()) _

.Draggable _

.Width(300) _

.Visible(False) _

.Actions(Function(actions) actions.Close)

)

</div>

@* All window. *@

<div id="allDiv">

@(Html.Kendo.Window _

.Name("allCWindow") _

.Title("All Client") _

.Content(Html.Partial("_AllClientStatus", Model).ToHtmlString()) _

.Draggable _

.Visible(False) _

.Actions(Function(actions) actions.Close)

)

</div>

@* Scripts. *@

<script>

//Window functions.

$(document).ready(function () {

//Windows.

var inProgressCWindow = $("#inProgressCWindow");

var agingCWindow = $("#agingCWindow");

var recentCWindow = $("#recentCWindow");

var miscCWindow = $("#miscCWindow");

var allCWindow = $("#allCWindow");

$("#inProgressBtn").click(function (e) {

//Close windows.

agingCWindow.data("kendoWindow").close();

recentCWindow.data("kendoWindow").close();

miscCWindow.data("kendoWindow").close();

allCWindow.data("kendoWindow").close();

//Toggle.

if (inProgressCWindow.data("kendoWindow").element.is(":hidden")) {

inProgressCWindow.data("kendoWindow").center();

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

}

else {

inProgressCWindow.data("kendoWindow").close();

};

});

//Open aging window.

$("#agingBtn").click(function (e) {

//Close windows.

inProgressCWindow.data("kendoWindow").close();

recentCWindow.data("kendoWindow").close();

miscCWindow.data("kendoWindow").close();

allCWindow.data("kendoWindow").close();

//Toggle.

if (agingCWindow.data("kendoWindow").element.is(":hidden")) {

agingCWindow.data("kendoWindow").center();

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

}

else {

agingCWindow.data("kendoWindow").close();

};

});

//Open recent window.

$("#recentBtn").click(function (e) {

//Close windows.

inProgressCWindow.data("kendoWindow").close();

agingCWindow.data("kendoWindow").close();

miscCWindow.data("kendoWindow").close();

allCWindow.data("kendoWindow").close();

//Toggle.

if (recentCWindow.data("kendoWindow").element.is(":hidden")) {

recentCWindow.data("kendoWindow").center();

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

}

else {

recentCWindow.data("kendoWindow").close();

};

});

//Open misc. window.

$("#miscBtn").click(function (e) {

//Close windows.

inProgressCWindow.data("kendoWindow").close();

agingCWindow.data("kendoWindow").close();

recentCWindow.data("kendoWindow").close();

allCWindow.data("kendoWindow").close();

//Toggle.

if (miscCWindow.data("kendoWindow").element.is(":hidden")) {

miscCWindow.data("kendoWindow").center();

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

}

else {

miscCWindow.data("kendoWindow").close();

};

});

//Open all windows.

$("#allBtn").click(function (e) {

//Close windows.

inProgressCWindow.data("kendoWindow").close();

agingCWindow.data("kendoWindow").close();

recentCWindow.data("kendoWindow").close();

miscCWindow.data("kendoWindow").close();

//Toggle.

if (allCWindow.data("kendoWindow").element.is(":hidden")) {

allCWindow.data("kendoWindow").center();

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

}

else {

allCWindow.data("kendoWindow").close();

};

});

</script>

Window

answered on 06 Mar 2014

5 answers

196 views

[Solved] Markers and shapeMouseLeave event

Hi,
I've noticed that when using markers on a GeoJSON map, when the mouse moves over a marker, a shapeMouseLeave event is fired for the country under the marker. This is then followed by a shapeMouseEnter event when the mouse moves away from the marker and back into the country shape.

Is there anyway of preventing these events from firing as a result of moving a mouse over a marker?

Best regards, Ian

Map

answered on 06 Mar 2014

15 answers

1.6K+ views

[Solved] Load/Reload TreeView node

Hi;

I've read many different threads on the ability to handle the TreeView content. I am running into an issue that I cannont get working smoothly or not at all. I have a TreeView. This TreeView requires updating when I make an update to a DB. The loading of the TreeView works based on queries on the DB. My main problem is that after I make the DB update I need to request a reload of the current node. Updates are based on the selected TreeView node. I am performing operations like selectedDataItem.load(); but I cannot get the loading to work. It works if the current node has not been expanded. It will not work f the current node has already been expanded. It also does not work if the node had been expanded and no child nodes are present. I.E. after this point adding to the node also does nothing to the TreeView. I do know that the data items used for populating the TreeView are correct because if I restart my app and open the TreeView the items are loaded. What I would like to know is what is the correct way to dynamcially update the TreeView regardless of the TreeView state.

Peter

TreeView

answered on 06 Mar 2014

2 answers

1.1K+ views

[Solved] Validation Tooltip Does Not Wrap, Text Runs Outside Tooltip

When Telerik validator tooltips show on my grid and the text is longer than a certain length, the text is either cut off by the edge of the cell (IE9), or continues without wrapping (Firefox and Chrome). In both cases, the yellow bubble of the validation tooltip does not contain the entire text. This seems to be related to the grid; if I use the same error message on a control outside the grid the text wraps correctly and the entire text is within the tooltip bubble. Examples are attached. We are using Kendo ASP.Net MVC version 2013.3.1119.440. Has this been fixed in a later version? Does anyone have a workaround for this?

Thanks,
Brian

Grid

answered on 06 Mar 2014