Questions on Kendo UI for jQuery Forum

6 answers

220 views

I have 5 DropDownLists and they all work great in IE9, but in IE8 one of them does not drop down. I tried adding the following to its open event as I saw suggested for a similar issue for another control, suspecting it might be a z-index issue, but it didn't help. This dropdownlist is configured identically to some of the others, except that it queries a different web service to populate it. Unfortunatly, the users that will be using this are all using IE8. All of the dropdowns are inside a tabstrip.

$(".k-list-container").parent().css("zIndex", "11000");

DropDownList

answered on 26 Jan 2012

1 answer

122 views

[Solved] OR filtering

Hi All,

I cannot figure out how to do "OR" filtering. It seems that the filtering is currently done using "AND" logic:

For Example:

var filter = [{ field: "name", operator: "contains", value: "mark"},

{ field: "title", operator: "contains", value: "mr."}];

This filter will find all records with a name containing "mark" AND a title containing "mr.". Is there a way to filter the records with a name containing "mark" OR a title containing "mr."?

Thanks in advance for any help!

Data Source

answered on 26 Jan 2012

6 answers

667 views

[Solved] Disable inlinecount

My data service works with a large database. Getting data from it works OK but trying to get row count results in a timeout.

Is there any way I can stop Kendo sending $inlinecount=allpages in the request to my service? I tried overriding dataSource.transport.parameterMap, dataSource.transport.read.data and dataSource.schema.total but it causes Kendo to crash.

Error: data is undefined
Source File: kendo.all.js
Line: 4864

Data Source

answered on 26 Jan 2012

3 answers

189 views

lacking some features

Hi

One of the reason I purchased the KendoUI was mobile api but it is lacking a lot of stuff especially in iPad side. When will you guys publish new and improved build? Geo and layering over the map will be nice as well.

thanks guys

Wil

General Discussions

answered on 26 Jan 2012

1 answer

114 views

Grid Height Error: outerHeight returns 1px when grid is on second tab of a TabStrip

When a grid is created on a second tab of a TabStrip.
the header.outerHeight() returns 1px for the line "height -= header.outerHeight();" in function "_scrollable"

see http://jsfiddle.net/ttaylor/9uW3g/ for example

On the "Payment History" tab of the DetailTemplate shows the bug.

Grid

answered on 26 Jan 2012

1 answer

134 views

ListViewCustomTemplate not working

Guys,

I have setup a demo using Kendo datasource. See attached for the html and JSON responses.

I have two questions:

1. When firing the GetCustomersData() method the items do not appear in the list after being appended unless I hit the backspace button - why is this?

2. I have lifted parts of your custom template binding example to try to get this working but cannot seem to, please let me knmow what is not quite right.

I have attached the HTML and the .json response from the WCF Data Service.

Note: the repsonse is normally sent to Kendo UI as JsonP as the "oData" type on the transport requires this.

Luke

ListView (Mobile)

answered on 26 Jan 2012

6 answers

590 views

[Solved] Hide bars

Similar to this thread: http://www.kendoui.com/forums/ui/splitter/hide-the-bar.aspx

How do I hide all borders on the splitter? I've tried the above approach with no luck?

Splitter

answered on 26 Jan 2012

1 answer

363 views

How get column header in a row selected type grid?

Hi,

Here is my code:

<!doctype html>

<html>

<head>

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

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

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

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

<script src="js/kendo.core.min.js"></script>

<script src="js/kendo.fx.min.js">//Menu</script>

<script src="js/kendo.popup.min.js"></script>

<script src="js/kendo.menu.min.js"></script>

<script src="js/kendo.data.min.js">//Grid</script>

<script src="js/kendo.pager.min.js"></script>

<script src="js/kendo.selectable.min.js"></script>

<script src="js/kendo.sortable.min.js"></script>

<script src="js/kendo.draganddrop.min.js"></script>

<script src="js/kendo.groupable.min.js"></script>

<script src="js/kendo.grid.min.js"></script>

<script src="js/kendo.resizable.min.js">//Windows</script>

<script src="js/kendo.window.min.js"></script>

<script src="js/kendo.calendar.min.js">//Datepicker</script>

<script src="js/kendo.datepicker.min.js"></script>

</head>

<body>

<div id="main">

<?php include("menu.php"); ?>

<script>

$(document).ready(function() {

$("#menu").kendoMenu();

var getEffects = function () {

return ($("#opacity")[0].checked ? "fadeIn" : "");

};

var initMenu = function () {

$("#menu").kendoMenu({

animation: { open: { effects: getEffects() } },

hoverDelay: 2

})

};

});

</script>

<div id="content">

<div id="grid"></div>

</div>

<script>

function createData() { // mysql extraction

var data = [];

<?php

$mysql_serveur = "localhost";

$mysql_pseudo = "root";

$mysql_pass = "";

$mysql_bdd = "test";

$connexion = mysql_pconnect($mysql_serveur,$mysql_pseudo,$mysql_pass) or die("Erreur1");

if(!$connexion ) die("Erreur2");

if(!mysql_select_db($mysql_bdd)) die("Erreur3");

$sql = "SELECT * FROM table ORDER BY DUE";

$req = mysql_query($sql);

$datejour=date("Y-m-d");

$djour = explode("-", $datejour);

while ($row = mysql_fetch_assoc($req)){

$dfin = explode("-", $row['DUE']);

if($dfin<$djour){

if($row['START']<>0) {$start=$row['START'];} else{

$start="<span id='undo' class=''>Select</span>"; //".$row['NUM']."

}

if($row['DESC']<>"") {$des="Description";} else{$des="";}

echo 'data.push({

ID: "'.$row['NUM'].'#",

NOM: "'.$row['NOM'].'",

DEP: "'.$row['DEP'].'",

DUE: "'.$row['DUE'].'",

DES: "'.$des.'",

START: "'.$start.'",

COMP: "'.$row['DONE'].'"

});';

}

?>

return data;

}

//////////////////////////

$(document).ready(function() {

///////////////////////////////////////////////////////////////////////Table

$("#grid").kendoGrid({

dataSource: {data: createData(),pageSize: 20},

height: 360,

groupable: true,

scrollable: true,

sortable: true,

pageable: true,

selectable: "row",

change: onChange,

columns: [

{field: "ID", width: 15, title: "Code" },

{field: "NOM", width: 150, title: "Name" },

{field: "DEP",width: 40,title: "Department"},

{field: "DES",width: 30,title: "Description",template:'<a href="description.php?des=#=ID#">#=DES#</a>'},

{field: "DUE",width: 30,title: "Due date"},

{width: 50,title: "Started",template:'#=START#'},

{width: 30,title: "Completed",template:'<a href="maj.php?comp=#=ID#">Completed</a>'}]

});

//////////////////////////////////////////////////////////////////////////Select

var window = $("#window");

function onChange(arg) {

var Date = $.map(this.select(), function(item) {

var temp= $(item).text();

if(temp.indexOf('Select')!=-1) {

return temp.substring(0,temp.indexOf('#'));

}

else {}

});

window.data("kendoWindow").refresh('date.php?date='+Date);

window.data("kendoWindow").center();

window.data("kendoWindow").open();

}

window.kendoWindow({

width: "45%",

title: "Pick a date",

modal: true,

visible: false

});

</script>

<div id="window"></div>

</div>

</br></br>

</div>

</body>

</html>

I'm looking to get the column header data in a java var and get a condition on the window.data("kendoWindow").open();. Any clue?
If you see some easier way or mistakes, i'm beginning in such coding. So, waiting for your remarks.

Grid

answered on 26 Jan 2012

0 answers

144 views

S

I have read in a number of forums that the Splitter Default Height is 300px and I am definitely seeing that within Firebug. However, I do not see any configuration value for the Splitter widget where I can change that and setting the height on the div, even using the !important designation is not working.

I am also having problems getting my ajaxRequest to repopulate one of the panes, even though the page that will be filling the pane is working just fine as a standalone page. I am wondering if this is because the content will not fit into the pane because of the size, but I don't know if that is the way the widget works.

Any help would be fantastic as I am evaluating Kendo for a new product and want to make sure that I can do everything that I need.

Thanks,
Brian

Splitter

asked on 26 Jan 2012

4 answers

162 views

how to work w/o datasource

I have tried several methods to get data in the grid (and may be other controls where datasource can be used).

But my overall experience has been that datasource should not be the only option available to show/refres data in the grid and other controls. We should be able to do that via regular functions. For example, if I am able to receive data using any javascript function in the format of Array [object, object, object] then I expect to be able to

> initialize the grid with this data if the grid is not displayed
> refresh the grid with this content if grid has some old data
> insert this data in the grid or append it somewhere in the grid

But I notice most of the examples are with 'datasource' and its either very hard to configure the datasource or I am not savvy enough to do this.

so if we can work with the kendo objects without using datasource configuration of url/type etc that would be useful. I would like functions such as init(Array) refresh(Array) or something like that if possible.

-Piyush

Grid

answered on 26 Jan 2012