Questions on Kendo UI for jQuery Forum

3 answers

202 views

Hi,
I try to bind my listview to a remote json-Datasource.
But nothing happens. No error message, but also no data render.

Maybe you can help me, finding out what's wrong with my code:

The list-view HTML Code:

<div data-role="view" id="home" data-transition="slide" data-layout="hbigLayout" data-init="mobileListViewTemplatesInit">

<h1>Gasthaus zur Wilden Ente</h1>

<ul id="custom-listview"></ul>

</div>

The Template for my elements:

<script type="text/x-kendo-template" id="customListViewTemplate">

<h3 class="item-title">${Name}</h3>

<p class="item-info">${Beschreibung}</p>

<a data-role="button" href="${Url}" class="details-link">zum Termin</a>

</script>

The Javascript Code to bind the remote json Data:

var dataSourceTermine = new kendo.data.DataSource({

transport: {

read: {

// the remote service url

url: "http://www.wilde-ente.de/mobile/new/mobileHandler/Termine.ashx",

group: "Datum",

dataType: "json"

}

});

function mobileListViewTemplatesInit() {

$("#custom-listview").kendoMobileListView({

dataSource: dataSourceTermine,

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

headerTemplate: "<h2>Termine am ${value}</h2>"

});

}

The result of the json code also seems ok. You can the it

at

http://www.wilde-ente.de/mobile/new/mobileHandler/Termine.ashx

ListView (Mobile)

answered on 17 Feb 2012

1 answer

123 views

element.kendoDraggable to work as live()

Is there any way to apply .kendoDraggable to all newly created elements that match selector? Like jquery .live() works

Drag and Drop

answered on 17 Feb 2012

1 answer

189 views

change data after loading

Hi,

Currently i'm loading data from a json file so i can fill a listview (mobile) with the data.
Is it possible to change the data? For example I have a string: "20040000 - Intern". I would like to be able to remove the first part of the string before showing the data in the listview. Would anyone know if this is possible and if so, how?

Data Source

answered on 17 Feb 2012

2 answers

332 views

Embedding a TabStrip inside a PanelBar

Hi all, first post around here. I'm trying to essentially do what the thread title suggests. Is there anything I should watch out for? I'm currently trying to do it, but the second panel hides the content of the first one when displayed; only the tabs of the first panel are visible, not the content.

Am I trying to go about this the wrong way? Here's a basic idea:

<div id="packages">

<ul id="panelBar">

<li class="k-state-active">

Package 1

<div id="package_1">

<ul>

<li class="k-state-active">Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

<div id="Item_1">Item 1</div>

<div id="Item_2">Item 2</div>

<div id="Item_3">Item 3</div>

<div id="Item_4">Item 4</div>

</div>

</li>

<li>

Package 2

<div id="package_2">

<ul>

<li class="k-state-active">Item 5</li>

<li>Item 6</li>

<li>Item 7</li>

<li>Item 8</li>

</ul>

<div id="Item_5">Item 5</div>

<div id="Item_6">Item 6</div>

<div id="Item_7">Item 7</div>

<div id="Item_8">Item 8</div>

</div>

</li>

</ul>

</div

I'd really appreciate any advice.

Edit: Ok, I tested my own example without any formatting and it worked as expected. It seems the problem is with formatting using the 960 grid system. If I apply any grid classes to the inner divs, the div disappears.

PanelBar

answered on 17 Feb 2012

1 answer

38 views

Only allowing max of 2 columns sorted

Is there a way to max out how many columns can be sorted on a grid?

Like:

sortable: {
                    mode: "multiple",
                    allowUnsort: true,
                    max : 2, //Something like this?
                },

Grid

answered on 17 Feb 2012

0 answers

124 views

Grid custom filter form bug?

Hi, (and sorry for my bad english)

I encountered an error when filtering when the property extra = false. In this case does not filter properly.

an example:

$("#grid").kendoGrid({

dataSource : dataSource,

selectable : "row",

pageable : true,

sortable : {

mode : "multiple",

allowUnsort : true

},

height : 600,

rowTemplate : kendo.template($("#rowTemplate").html()),

altRowTemplate : kendo.template($("#rowTemplateAlt").html()),

filterable : true,

columns : [{

width : "100px",

title : "Foto",

field : "foto",

filterable : false

}, {

title : "Nombre",

field : "nombre",

filterable: {

extra: false, //do not show extra filters

operators: { // redefine the string operators

string: {

contains: "Contiene"

}

}, {

title : "Apellidos",

field : "apellidos",

filterable: {

extra: false, //do not show extra filters

operators: { // redefine the string operators

string: {

contains: "Contiene"

}

}, {

title : "Edad",

field : "edad",

filterable : true,

filterable: {

extra: true, //show extra filters

operators: { // redefine the string operators

number: {

lt: "menor de",

gt: "mayor de"

}

}, {

title : "Idioma",

field : "idioma",

filterable : true,

filterable: {

extra: false, //do not show extra filters

operators: { // redefine the string operators

string: {

contains: "Contiene"

}

}, {

title : "Categorias",

field : "categorias",

filterable : true,

filterable: {

extra: false, //do not show extra filters

operators: { // redefine the string operators

string: {

contains: "Contiene"

}

}, {

title : "Telefono",

field : "telmovil",

filterable : true,

filterable: {

extra: false, //do not show extra filters

operators: { // redefine the string operators

string: {

contains: "Contiene"

}

}, {

title : "Acciones",

filterable : false

}]

})

debugging, I realized that in kendo.data.js, the property expressions.filters[1].value id undefined.
and I have solved the problem by adding these lines of code in filter function, just after if (!expressions || expressions.filters.length === 0) {return this; }

if ( expressions.filters.length == 2){

if ( expressions.filters[1].value == "undefined" ){

expressions.filters.pop();

}

Grid

asked on 17 Feb 2012

0 answers

42 views

I m getting problem with kendo window ajax in chrome.... the content does not appear in chrome only

Please help

I m getting problem with kendo window ajax in chrome.... the content does not appear in chrome only

General Discussions

asked on 17 Feb 2012

1 answer

153 views

Remove a panel from a splitter

Hi,
I there a way I can remove a complete panel from the splitter, without rebuilding the page? ex:

<div id="container">

<div id="top"></div>

<div id="middle"></div>

<div id="bottom"></div>

</div>

<a id="remove">remove bottom panel</a>

and then I would like to do:

$(document).ready(function(){

$('#container').kendoSplitter({

orientation: 'vertical',

panes: [{},{},{}]

});

$('a#remove').click(function(e){

e.preventDefault();

$('#container').data('kendoSplitter').removePanel('#bottom');

});

And end with just 2 panes in my splitter.

Is it somehow possible?

Splitter

answered on 17 Feb 2012

1 answer

326 views

Window pinned to right side?

There seems to be a weird problem with the window widget in that when you include a grid within window it pins the window to the right side of the browser (I.E. 9) window. If you try to drag the window around, the left side expands and contracts, but the right is always pinned.

However, if you resize the window frame, it then releases it and it can be moved around. I think this has something to do with the grid trying to go to 100% of the container, but it is messing with the window container itself.

Is this a bug or is there something I should be doing when I instantiate the window/grid?

Window

answered on 17 Feb 2012

1 answer

128 views

Kendo Master-Detail Grid editing JSON no ID

I can get the grid working with master detail, but when i post a row create to my json endpoint the primary key of the row doesn't get updated in the grid and the opening of the detail view fails. I expect a refresh of the data after the creation of the row to get the primary key, or does the transport create endpoint somehow has to return the primary key?

Thanx

Data Source

answered on 17 Feb 2012