Questions on Kendo UI for jQuery Forum

3 answers

98 views

I have a MVVM DropDownList that uses a ViewModel whose DataSource uses a Model with a calculated field. If I attempt to set data-option-label on the DropDownList, I get "TypeError: d.<MyCalculatedField> is not a function". What can I do? This implementation works great on a DropDownList without a calculated field in its Model. Thanks!

DropDownList

answered on 16 Jan 2014

1 answer

80 views

Is it possible to specify that dates should not be changed to local time before being displayed?

Hello,

We are using the MVC wrapper to create a grid that contains a column with a date in it.

The date is stored in UTC, and we would like to display it in UTC.

For most browsers, simply binding to the column and specifying a format string of "MM/dd/yyyy" works fine, but on the iPad the date is being converted to the local time zone instead. We are using remote data binding.

After searching around, I came across this:

http://www.kendoui.com/code-library/mvc/grid/using-utc-time-on-both-client-and-server-sides.aspx

Which suggests that there is no work around other than to add the client-side javascript to convert the date back to it's original time zone. I am just posting this message to confirm that this is still the case (since that project is over a year old).

Thanks,
--Dan

Grid

answered on 16 Jan 2014

1 answer

293 views

Problems creating Tabs dynamically

Hi,

I need to create 3 tabs dynamically (with JavaScript), It works fine, if I have another tab created before, if not, I can see the "tab titles" but not the content and I am don't know what happens.

If I have this:

<div id="tabstrip" >
<ul>
<li class="k-state-active">tab 1</li>
</ul>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
</div>

I can create new Tabs using this function:

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.append({
text: "title",
content: generateTabContent("19")
});

And works fine, but I have problems when I try to create new tabs dynamically without any previous tabs...

I am sure that is something simple... but I cannot find the problem.

Please can anyone help me?
Thanks,

TabStrip

answered on 16 Jan 2014

5 answers

84 views

triggering back button to listview collapses my list

Seems there's an issue with back button to listview. Below listview renders fine with load more button and pull to refresh works fine.
However, when i click any list (to show detail content), it shows the detail fine... but when clicking the back button in the header, my listview is collapsed and shows the last item only (all the rest items are below the last item, so it is all collapsed). When i take pull to refresh action, then the listview shows normal.

have any clue???

<div data-role="view"

data-id="notes-view"

data-layout="main-layout"

data-title="Notes"

data-show="app.showListview"

id="my-notes-view">

<ul id="note-listview"

class="listview"

data-role="listview"

data-pull-to-refresh="true"

data-load-more="true"

data-source="app.noteDS"

data-template="notesTemplate"></ul>

</div>

app.noteDetail = function(e){

var view = e.view,

noteDetailTemplate = kendo.template($("#noteDetailTemplate").text());

app.noteDS.fetch(function(){

item = app.noteDS.get(view.params.id); //this is actually fetching from ajax...

view.scrollerContent.html(noteDetailTemplate(item));

kendo.mobile.init(view.content);

});

};

General Discussions

answered on 16 Jan 2014

6 answers

443 views

optionLabel and template not working as expected

Using optionLabel in conjunction with template produces undesirable effect.
In this case both ${ data.State } and ${ data.Representative } come back
as undefined. You should not apply template on optionLabel.


dataTextField: "District",

dataValueField: "District",
filter: "contains",
optionLabel: "----------------",
template: kendo.template("${ data.State } ${ data.District } - ${ data.Representative }"),

DropDownList

answered on 16 Jan 2014

2 answers

131 views

Filterable listview, showing double search box on refresh or recall

Hi,

Im trying to update my listview datasource with .read() .refresh() but it creates a new search box. This also happens if I call the listview with data-show at the view.

Any ideas on how to remove the old search box?

Thanks.

<div data-role="view" data-layout="overview-layout" id="overview-current" data-show="mobileListViewFilteringCurrent" data-title="test">
<center><h2>TESTING</h2></center>
<ul id="filterable-listview-current"></ul>
</di>

function mobileListViewFilteringCurrent() {
$("#filterable-listview-current").kendoMobileListView({
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "http://xxx.xxx.xx/data.php?mall="+current,
dataType: "json",
data: {
q: "javascript"
}
}
},
schema: {
data: "results"
},
group: {
field: "letter"
},
sort: {
field: "name",
dir: "desc"
}
}),
template: $("#customListViewTemplate").html(),
filterable: {
field: "name",
placeholder: "Escriba el nombre del comercio...",
ignoreCase: true ,
operator: "contains"
},
fixedHeaders: true
});

ListView (Mobile)

answered on 16 Jan 2014

2 answers

406 views

Bar Chart Label Overflow Hidden

I'm experiencing a difference between IE and Chrome with the label overflow on the charts. I'm using the sparkline to create a few barcharts in a table, and the labels are being cut off when viewing it in Chrome, overflow is visible in IE10.

Attached are some screenshots. The bottom bar is 100%, the value = valueAxis.max. The labels are set to "outsideEnd". I've tried "insideEnd" which works when the value is 100%, but when the bar is 0% the "insideEnd" labels are cut off. Not sure if I can make it conditional, display "insideEnd" if bar value is >50% and "outsideEnd" if bar value is <= 50%...

DataViz version is Q3 2013 1119.

The chart hierarchy is in:
<table><tr><td><div><span id="sparkline"></span></div></td></tr></table>
I've tried setting overflow:visible on all of the parent elements.

Sparkline

answered on 15 Jan 2014

3 answers

188 views

Can't keep the chart type after calling read() method

Hi,
I have one chart that can be set as column, bar, line and area by a radio input and I'd implemented the refresh method to update the chart for a selected type. I also have a slider where I can change a date and the datasource is updated. The problem is that when the read() method is called after a date is changed doesn't matter if I'd chosen the bar, line or area type, the chart goes back to the default type (stacked column) that was set on MVC sintax. Is there a property that I should set to keep the chart type the same it was before the datatasource update and the read() call?

Charts

answered on 15 Jan 2014

4 answers

148 views

Minification failed

In an asp.net mvc 4.5 web project I'm adding the following css files to a bundle: bundles.Add(new StyleBundle("~/Content/css/kendo").Include(

"~/Content/kendo/kendo.common-bootstrap.css",

"~/Content/kendo/kendo.bootstrap.css",

"~/Content/kendo/kendo.dataviz.css",

"~/Content/kendo/kendo.dataviz.bootstrap.css"));

The result produces the following "Minification failed" error:

<link rel="stylesheet" href="/Content/css/kendo?v=1YMtmjX1ETsQVj7kkRXXmXC3IReX27oqRzELH_ZcGPE1"

>

/* Minification failed. Returning unminified contents.

(9,96148): run-time error CSS1030: Expected identifier, found '.'

(9,96165): run-time error CSS1031: Expected selector, found ')'

(9,96165): run-time error CSS1025: Expected comma or open brace, found ')'

(9,96202): run-time error CSS1030: Expected identifier, found '.'

(9,96219): run-time error CSS1031: Expected selector, found ')'

(9,96219): run-time error CSS1025: Expected comma or open brace, found ')'

(9,96363): run-time error CSS1030: Expected identifier, found '.'

(9,96371): run-time error CSS1031: Expected selector, found ')'

(9,96371): run-time error CSS1025: Expected comma or open brace, found ')'

*/

/*

* Kendo UI Complete v2013.3.1122 (http://kendoui.com)

...

General Discussions

answered on 15 Jan 2014

4 answers

116 views

To get started with Kendo UI

I am compleatly new to the kendo ui and i have downloaded the latest version of kendo ui with the free trail version which is for the evaluation purpose only, in my system.I am struggling to understand how to get started with the this.This has got only the examples,js,license agreements and styles.

I do not undersatand from where to start and how to proceed...i would appreciate if anyone can give me some details on how to get started.i have tried to see the videos given in the website in the browser "mozilla firefox 8.0" but it does not have any result to see.
Thanks,
Swarup

General Discussions

answered on 15 Jan 2014