Questions on Kendo UI for jQuery Forum

1 answer

180 views

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

309 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

31 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

120 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

40 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

135 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

313 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

124 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

1 answer

115 views

jQuery UI + Kendo UI charts animation issue

Hi there,

this is a strange one and took me a while to troubleshoot, but basically, if you have jQuery UI included in your website and you try to use Kendo UI charts, if you try and load the page but switch to another tab, when you come back to the tab with the chart on it, the chart's animation either a) doesn't work at all or b) only partially works or c) actually works (rarely). If you keep the tab in focus, the animation plays out perfectly.

Here's an example I set up which exhibits this behaviour in both FF and Chrome: http://jsfiddle.net/mdvxG/

To replicate, hit the "run" button and quickly switch tabs, then after a couple of seconds, switch back. Most of the time, you'll observe that the chart has not played out its animation successfully. Compare with just hitting the "run" button without switching tabs.

Charts