Questions on Kendo UI for jQuery Forum

1 answer

443 views

Link to an external URL with querystring parameters from a MenuItem

I am unable to link to an external URL from the Kendo Menu Item. I want the menu item to link to an external site with some querystring params.

I have tried the menuItem.Url( ) and menuItem.Action(routeValues) to set the external URL i.e https://myOtherSite:99/path/To/Res and routeValue dictionary specifying the key values for the QueryString params, but the menuItem ignores the URL and passes the QueryString params to the current domain's root.

Also I tried setting the .Url("https://myOtherSite:99/path/To/Res?a=1&b=2"). This results in no link on the menu at all.

Is there a way to do this?

Thanks.

PS: My only solution for now is to link the menuItem to a Controller/Action in my application with an extra parameter (the URL) and add the redirect in there. But i want to avoid that.

Menu

answered on 05 Aug 2013

1 answer

108 views

How to implement a single selection for a list view with a check box?

I have the following markup:

<ul id="answers" data-role="listview" data-style="inset" data-template="answer-template" data-bind="source: availableAnswers" data-click="app.views.question.selectAnswer" ></ul>

<script id="answer-template" type="text/x-kendo-template">
<label>
<input type="checkbox" data-bind="checked: isSelected"/>
<span data-bind="text: answerText"></span>
</label>
</script>

The following click handler does work in Chrome Browser, however it does not work on any mobile device:
selectAnswer: function (evt) {
$.each(that.availableAnswers, function (i, it) {
it.isSelected = (it.id === evt.dataItem.id);
});
}

Is there an option on the list view to set it to single selection mode?

Thanks,
Dinhduy

ListView (Mobile)

answered on 05 Aug 2013

1 answer

168 views

Navbar not rendering properly

Hi,

for some reason this navbar is not rendering correctly on the browser :
<header data-role="header">
<div id="navbar-personalize" data-role="navbar" class="my-navbar">
<div data-align="left">
<img src="../../Images/dashboard6.png" alt="Dashboard"/>
</div>

<span data-role="view-title"></span>

<div data-align="right">
<a href="#merchandise-otherorders-view">
<img src="../../Images/whoelse6.png" alt="Who else is going?"/>
</a>
</div>
</div>
</header>

I have it set in the main layout for the application, and sometimes it works, and sometimes it doesn't. If I try and hard reload the page while clearing the cache, it seems to work but it is very random actually.

I'm not sure of what I'm doing wrong, because this used to work perfectly few days ago, after adding a couple more views in my index, it started giving me this issue.

Thanks

NavBar

answered on 05 Aug 2013

1 answer

169 views

Kendo UI Compatibility for different browsers

Hi,

I am in the prelim stages of testing both the HTML / ASP.NET MVC version of Kendo UI Controls.

The following HTML version of the code "http://demos.kendoui.com/web/combobox/serverfiltering.html" doesnt work on IE 10 but works on Google Chrome.
It throws an error "SCRIPT1028: Expected identifier, string or number" in IE.

Are there any compatibility issues or different code paths across different browsers.

Regards
Rajaraman.S

ComboBox

answered on 05 Aug 2013

2 answers

112 views

[Solved] Appending window to tabstrip tabs?

Hi,

I would like to have the kendo window "belong" to a specified tab. By that I mean that the window should hide together with the tab it belongs to and that this hierarchy is reflected in the DOM (tab div is ancestor of window div).

I used the window's "appendTo" configuration option to achieve this. The only problem is, that now the window content div matches the ".k-tabstrip .k-content" kendo CSS selector which applies wrong styling.

I can prevent this by removing the "k-content" class from the window content div. My question is if I'm breaking styling this way and if there is a more appropriate approach to this problem?

Here is a demo: http://jsfiddle.net/N54dE/3/

Window

answered on 05 Aug 2013

2 answers

142 views

[Solved] ThemeBuilder does not work with web bundle

Hi,

Recently I've noticed that ThemeBuilder stopped working for me.
I see that it works fine with kendo.all.min.js but not with kendo.web.min.js (anymore).

Chrome reports :
"Uncaught TypeError: Object [object Object] has no method 'registerTheme' "
while Firefox reports:
"TypeError: r.kendo.dataviz.ui.registerTheme is not a function @ http://themebuilder.kendoui.com/scripts/themebuilder.all.min.js:2"
and ThemeBuilder is only partially rendered.

Broken with kendo.web.min.js:
http://jsfiddle.net/36pqQ/1/
http://jsfiddle.net/5rz2y/2/
Working with kendo.all.min.js:
http://jsfiddle.net/SQsqF/2/

Can anyone shine some light on this?

General Discussions

answered on 05 Aug 2013

2 answers

872 views

Sending List<string> data as a parameter to my wcf service

How to send list of data as a parameter . i want to save list of records at a time by using kendo ui mobile application can any one post the sample code.

General Discussions

answered on 05 Aug 2013

1 answer

269 views

[Solved] Day View only showing All Day Events

I am not sure how to troubleshoot this. I have Week, Month and Agenda views working great. I just enabled Day view and wrote my templates just like all the other views. My "All Day" events are showing up just fine... the time events however are not rendering at all. There are no errors. They just don't show up.

What's strange is that even if I give it an invalid eventTemplate, it won't "crash" - it is like it never thinks it needs to render any of the non-all day events. The exact same data is working on Month, Agenda and Week views however... so I don't think the JSON from the server is wrong.

Thoughts?

Scheduler

answered on 05 Aug 2013

3 answers

638 views

Column header disappears when trying to refresh grid with a new data

Hello,

I am trying to refresh a grid with a new data source that has different columns, but when I do so, the column headers disappear.

You can see what I mean here: http://jsfiddle.net/YZcYC/3/

One thing I noticed was that if I do

grid.columns = [];

the header shows up, but I need to be able to specify column titles, templates, widths, etc, so that's not an option for me.

Any ideas?

Thanks,
Bob

Grid

answered on 05 Aug 2013

2 answers

86 views

Generic Toolbar Component?

Are there any plans for a toolbar component?

Something like: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/menu/menus.html?theme=gray
that allows various components inside it, but still keeps it nice on a "single line"?

I was trying to achieve the same thing by styling divs with "k-head", but it's just not the same as a simple and robust toolbar component.

regards.

General Discussions

answered on 04 Aug 2013