Questions on Kendo UI for jQuery Forum

3 answers

97 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

555 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

103 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

92 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

3 answers

128 views

filter: "wordStartsWith"

I need to have my combo box filter on items that have a word that starts with the text typed.
So typing 'and':

thousand - no
And Cats - yes
Andales - yes
sandman - no

Using contains would show all of those. Is it possible to have a custom filter that would just show And Cats, and Andales?

~S

ComboBox

answered on 25 Nov 2013

5 answers

292 views

Kendo UI and jquery scrollTop not working correctly on ios and android browsers

After changing kendo grid's DataSource, scroll remains in the same position(see image). I'm trying to scroll content of the grid to the top:

var gridContent = grid.wrapper.find(".k-grid-content");
gridContent.scrollTop(0);

But this doesn't work on my iPad in Safari browser. How i can scroll content of kendo grid to the top?

http://s2.ipicture.ru/uploads/20131118/9dEuPIBB.png
Kendo UI Beta v2013.2.716

Grid

answered on 25 Nov 2013

5 answers

1.8K+ views

Provide kendo grid column header wrap around for long column title so that the column width will stayed fix

Hi All,

How to wrap large data in row column preventing extending column width?
Please help in this case as soon as possible. It would be appreciated.

Regards,
Partha.

Grid

answered on 25 Nov 2013

5 answers

237 views

HOw to Get More Data When Scroll View Reaches End

HI,

When the ScrollView reaches the end of the first data call, does it automatically call the datasource again or do I have to do something special to get that to work?

For example, I am making a call to a REST service that returns data in a JSON format. I want to bring back my data in chunks of 50 records and display those images. Once I get to the end of that data set, how do I make the Scroll View get the next set of data and continue to displaying the images while still being able to go back and look at the previous data/images?

If I need to pass in parameters to the REST service and those parameters change from data call to data call, how do I make sure that the parameter change is being passed on each data call?

Thanks.

ScrollView (Mobile)

answered on 25 Nov 2013

3 answers

132 views

why my code does work on chrome(desktop) and not on chrome (mobile nexus 4)

Hi

i'm currently working on a project under cordova / kendo ui and i'm going through a problem that i can't solve myself.

when i'm running the project on my web browser on the computer, it works as expected but when i upload the project on my phone, there is an anormal behave ..

here is my code :

<!DOCTYPE html>

<html>

<head>

<title>Test</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="styles/kendo.common.min.css" rel="stylesheet" />

<link href="styles/kendo.default.min.css" rel="stylesheet" />

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="styles/index.css" rel="stylesheet" />

<script src="lib/jquery.min.js"></script>

<script src="lib/kendo.all.min.js"></script>

<script src="init/cordovaInit.js"></script>

<script src="controlers/panelControler.js"></script>

</head>

<body>

<div data-role="view" id="drawer-home" data-layout="drawer-layout" data-title="search">

<div id="search">

<div id="first">

<p>first</p>

</div>

<div id="second">

<p>second</p>

</div>

<div id="third">

<p>third</p>

</div>

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['/', 'drawer-home']">

<ul data-role="listview" data-type="group">

<li>Menu

<ul>

<li><a href="#drawer-home" onClick="panelControler('first')">First</a></li>

<li><a href="#drawer-home" onClick="panelControler('second')">Second</a></li>

<li><a href="#drawer-home" onClick="panelControler('third')">Third</a></li>

</li>

</ul>

</div>

<div data-role="layout" data-id="drawer-layout" data-layout="overview-layout">

<header data-role="header">

<div data-role="navbar">

<a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>

<span>Test</span>

</div>

</header>

</div>

<script>

var app = new kendo.mobile.Application(document.body);

panelControler('first');

</script>

</body>

</html>

here is my little javascript :

function panelControler(action){

alert("panelControler");

if (action === 'first'){

alert("first show");

$("#first").show();

$("#second").hide();

$("#third").hide();

}

else if (action === 'second'){

alert("second show");

$("#second").show();

$("#first").hide();

$("#third").hide();

}

else if (action === 'third'){

alert("third show");

$("#third").show();

$("#second").hide();

$("#first").hide();

}

the problem is when i run it on the computer and i change the menu, the <p> balise change as expected but on the mobile, it's getting stuck on the <p>first<p>
i just don't know when this problem come from and then how to solve it ...

thank you for helping ;-)

Drawer (Mobile)

answered on 25 Nov 2013

6 answers

117 views

Drawer is stuck in splitview

Hi expertise,

In my application, i use splitview and normal views with drawer. When i navigate to spitview from normal view, splitview is stuck.

can I use drawer and splitview together?

Thank you.

Drawer (Mobile)

answered on 25 Nov 2013