Questions on Kendo UI for jQuery Forum

1 answer

606 views

Select event not firing on second click of treeview node

Hi,

I am developing a webmail client with angularjs and kendoui, it has two panes left for viewing user folders and right for message display / composition. For displaying the folders I am using kendoui treeview and when they select a node we display the proper messages for that folder.

Problem: When a user choose a folder, Drafts, then clicks on a message to finish composing that message they are unable to click on the Drafts folder node to navigate back to the Drafts folder gridview.

Code:

var theTree = $("#treeview").kendoTreeView({

dataSource: folderArray,

template: $("#foldersTemplate").html(),

expand: function(e) {

code for grabbing any sub-folders.

},

select : function(e) {

var treeviewInner = e.sender,

idFolder = treeviewInner.dataItem(e.node).id;

/* set-up angularjs controller scope */

window.location.href = "#/folder/" + idFolder; //navigates to the proper folder gridview when node seleced.

}

});

The issue I'm seeing is that once a node is selected, whenever you re-click on it, the select code does not fire.

Any thoughts on how to work around this?

TreeView

answered on 26 Nov 2013

5 answers

423 views

Chart Event After Refresh?

I am using the kendo.dataviz.ui.Chart via the MVC wrapper. I am looking to fire an operation after the chart refreshes...
$("#mychart").data('kendoChart').refresh();
Once the animations, etc, finishes for the refresh, I would like be notified by a promise or chart event.

Charts

answered on 26 Nov 2013

1 answer

547 views

Add progress bar to each row in a Kendo grid

Hi,

I have a Grid and want to add a progress bar to row based on a value stored in that row. is this possible?
Thanks,
Chris

Grid

answered on 26 Nov 2013

3 answers

197 views

Kendo UI 2013 Q3 and Issue with Bootstrap Moonlight Theme

Hi,

I'm trying to get a Bootstrap Metro theme in my application but a page renders with a default Bootstrap theme.
http://demos.kendoui.com/bootstrap/

Not sure if I'm loading all the necessary CSS and in in the right order.

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <style type="text/css">
            html {
                overflow-x: hidden; /* Prevent scroll on narrow devices */
            }
            body {
                padding-top: 60px;
            }
        </style>

        <link href="app/_libraries/bootstrap-3.0.2/css/bootstrap.min.css" rel="stylesheet" />

        <link href="app/_libraries/kendo-2013-Q3/styles/kendo.common-bootstrap.min.css" rel="stylesheet" />
        <link href="app/_libraries/kendo-2013-Q3/styles/kendo.moonlight.min.css" rel="stylesheet" />
        <link href="app/_libraries/kendo-2013-Q3/styles/kendo.dataviz.min.css" rel="stylesheet" />
        <link href="app/_libraries/kendo-2013-Q3/styles/kendo.dataviz.moonlight.min.css" rel="stylesheet" />
        <link href="app/_libraries/kendo-2013-Q3/styles/kendo.mobile.all.min.css" rel="stylesheet" />

        <link href="app/_resources/styles/application.css" rel="stylesheet" />

Thanks

General Discussions

answered on 26 Nov 2013

6 answers

141 views

http://demos.kendoui.com/web/autocomplete/template.html

Hi,
I see how you are reading the data. How can I use the onclick method to go to another site related to the person I select? I would add the site link in the Json of course.

Thanks,
Amin

AutoComplete

answered on 26 Nov 2013

2 answers

77 views

Validation and Schedular not playing well together

OK I have a bit of a more complex issue.

I am attempting to use three Keno Items and it is not working well
I have a MVC 4 page
On the View I have PanelBar that separates sections of the form
The last PanelBar Item contains a Kendo Scheduler. (This is almost working, but not the reason form y post)
I am using the Kendo Validator to validate the form.

Here is the issue: I f I have validation on the "Editor" window for the scheduler will not close until I hit cancel (or the close X in the upper right corner). The newly saved event will not be displayed until I refresh the page.

Even if all other form elements pass validation, this behavior continues with the scheduler. If I remove validation the scheduler will operate in an expected fashion.

an ideas on this?

-Martin

Validation

answered on 25 Nov 2013

3 answers

104 views

export webpages to PDF and retreiving data from DataSource without keeping the old data

During our development we are wondering how we best can export the webpages we created which contains Kendo elements to PDF format. We saw earlier on the forum that there was a post where was asked what the best way would be to export a grid to PDF, but we would like to do this with the entire page. these pages also contains CSS files which does not makes in any easier to export this to a file.

We also noticed that Telerik has some functions for this(exporting data to PDF or Excel). Is Kendo going to include these features also?

One final thing currently we need to keep the DataSources in our memory after initializing it. is there a smarter solution for this or is there a smarter solution coming for this.

General Discussions

answered on 25 Nov 2013

1 answer

564 views

How to Reload Content of Panel bar item each time panelbar item is expanded ?

i am using a kendo Panel bar.
i am loading the dynemic Content for each item in panel bar from partial view.

What is need is i need to reload content of panel bar item each time item is selected .

when i first time select the item in panel bar it makes ajax request to server and fills the content in item. but when i select it second time it does not make request to server . it displays the old data which id fetched from server when i click first time on item.

is there any way i can reload content of item of panel bar each time item is expanded ? How can i do this ?

@(Html.Kendo().PanelBar()
.Name("QuickViewP")
.ExpandMode(PanelBarExpandMode.Single)
.HtmlAttributes(new { style = "width:100%" })
.Items(panelbar =>
{

    panelbar.Add()
            .Text("Account Summary")
            .Expanded(true)
            .ImageUrl(Url.Content("~/Content/Images/account-summary.png"))
            .LoadContentFrom("AccountSummary", "QuickView");

    panelbar.Add()
            .Text("Messages & Notifications")
            .ImageUrl(Url.Content("~/Content/Images/messages.png"))
            .LoadContentFrom("MessagesNotifications", "QuickView");

     panelbar.Add().Text("Investment Elections")
            .ImageUrl(Url.Content("~/Content/Images/investment.png"))
            .LoadContentFrom("InvestmentElections", "QuickView");

}

PanelBar

answered on 25 Nov 2013

1 answer

104 views

How to highlight series or markers via JavaScript

Hello,

is there a simple way to highlight a series and/or it's markers like hovering over legend item from javascript?

What I'd like to do is to set up a custom legend (tabular) with almost the same functionality (showing hiding series/highlighting series) as the standard legend.

Thanks in advance
Dirk

Charts

answered on 25 Nov 2013

5 answers

94 views

View re-draw or GoogleMap re-draw

Hello Guys,

My Kendo App consists of a view with GoogleMap, and other views. The other views are redrawing the map in the background. However I have a problem: when I switch back to the GoogleMap view: the map looks completely off screen... I have triggered a re-draw of the map when coming back to the map view: it works on Google Chrome but not on Samsung Androids, nor Apple iPad2.
I don't know if my problem is related to Kendo, or GoogleMap.
The live URL is:
http://www.semiconductorconnect.org/kendo/
Steps:
1- go the Filter tabstrip
2- change country (ie: Finland)
3- come back to the map

Regards.

Application

answered on 25 Nov 2013