Questions on Kendo UI for jQuery Forum

1 answer

123 views

Initializing a grid with a default column

Hello All,
Hopefully, this will be a quick and answer to this question. When I load my grid with data,I would like it to default to group by a column. For example, if there was a list of cars like the following:
Manufacturer Model
Ford Fusion
Ford Explorer
Toyota Prius
Toyota Rav4
Once the data is loaded into the grid, I want to be initialize the grid to be grouped by the Manufacturer.

Some issues/enhancements that would be nice for the grid UI component:
1) setting the column width to a fixed position say 50px does not display correctly if the header text is larger than 50px. It would be nice if the header automatically adjusts to fit the header. In the above example with the cars, if I set the Manufacturer column to 50px, it would fit the data fine, but the Manufacturer column will be larger than 50px.
2) I would like a collapse all or expand all feature for the grouping as well.
3) When dragging the grouping column header into the grouping row, the field name is displayed instead of the title name. It is very confusing for the user to see the title name in the grid and the field name in the grouping row.
Thanks,
William

Grid

answered on 05 Oct 2011

0 answers

94 views

using charts in mvc 3??

Hi,
I want to implement charts in my asp.net mvc3 application.How do I proceed? I have already downloaded kendoui..Please help.

Data Source

asked on 05 Oct 2011

1 answer

125 views

event handling

HI again.
I have some element above the slider, so clicking or tapping on it doesn't cause slider working. How can I transmit click on my element to slider? I need do transmit X-coordinate. Relative X-coordinate will be the same because slider and element wich is luing above are children of the same parent. Anyway I can set some offset - I just need to know how can I transmit event and click x-coordinate. Has kendo some built-in methods?

Slider

answered on 03 Oct 2011

0 answers

104 views

Usage of events, like change or dataBound

I spent some evening hours trying to figure out how I can access data sent back from the server when using the data source. The most simple task to begin with is that I would like to display the number of records found when using data source with kendo grid.
Both the grid and the data source documentation mentions events that I think would suit me. Like "change" and/or "dataBound". But there are no examples on how to use them or how to access dynamic info. Like initially the count of records being returned.
Once I've figured that out I would like to grab other pieces of information that is part of the returned json object. Custom information that I'd like access to for further manipulation.
Have experimented a lot but only managed to have it display static information, basically writing "Hello World" and nothing else. (And Hello World was not part of the info returned with the json object.)

Data Source

asked on 01 Oct 2011

1 answer

128 views

RTL?

Hey fellas,
sorry but I didn't really find out the best place to start the thread since Forum's topics are kinda locked!

I really need to know if there is any RTL support in this framework or not? the problem with most of such frameworks is that they do not go over RTL support initially which is a real pain for projects targeting RTL-language-based customers.
I deeply appreciate if Telerik's great team of gurus, support people like me by offering precise RTL conversion recipes.

Any Help?

General Discussions

answered on 30 Sep 2011

1 answer

132 views

trouble with php

I can't get a grip of the asynchronously uploaded file, I tried printing out $GLOBALS to find the file (it's not in $_FILES). Also

file_get_contents('php://input')

is empty. I can see the file in "POST" tab in firebug, but it doesn't seem to ever reach the server. What am I doing wrong?

Upload

answered on 30 Sep 2011

1 answer

247 views

facing problem with 2 grid under tabstrip

I have two tabs inside the Kendo Tab strip.

Both of the tabs have its own grids as well, but when ever i do the column drop on the grid of the 1st tab, the column
drop gets visible on the grid of the second tab.

now if i change the code to create the grid on the first tab to be second, then it gets vice versa.
basically which ever the last grid created in the code, becomes active for the column drop.

though the column filter functionlity is working on the desired grid, on the column header drop area the column is not visible.

<html>

<head>

<title>Basic usage</title>

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

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

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

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

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

<script src="./addi/js/kendo.fx.js"></script>

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

<script src="./addi/js/kendo.resizable.js"></script>

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

<script src="./addi/js/kendo.tabstrip.js"></script>

<script src="./addi/js/kendo.data.js"></script>

<script src="./addi/js/kendo.pageable.js"></script>

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

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

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

<script src="./addi/js/people.js"></script>

<script src="./addi/js/kendo.splitter.js"></script>

<style>

html,body { height:100%;margin:0;padding:0;}

</style>

</head>

<body>

<div id="tabstrip" style="height: 100%; border: 1;">

<ul>

<li>First tab</li>

<li>Second tab</li>

</ul>

<div>

<div id="vertical" >

<div>

<div id="horizontal1" >

<div></div>

<div><div id="grid3"></div></div>

</div>

<div>

<div id="horizontal2" >

<div></div>

</div>

<div>

<div id="horizontal3" >

<div></div>

</div>

<div>

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

</div>

<script type="text/javascript">

$(document).ready(function() {

$("#tabstrip").kendoTabStrip();

$("#grid").kendoGrid({

dataSource: {

data: createRandomData(50),

pageSize: 10

},

height: window.height,

groupable: true,

scrollable: true,

sortable: true,

pageable: true,

columns: [

{

field: "FirstName",

title: "First Name"

},

{

field: "LastName",

title: "Last Name"

},

{

field: "City"

},

{

field: "Title"

},

{

field: "BirthDate",

title: "Birth Date",

template: '<#= kendo.toString(BirthDate,"dd MMMM yyyy") #>'

},

{

field: "Age"

}

]

});

$("#grid3").kendoGrid({

height: window.height,

groupable: true,

scrollable: true,

sortable: true,

pageable: true,

columns: [

{

field: "FirstName",

title: "First Name"

},

{

field: "LastName",

title: "Last Name"

},

]

});

$("#vertical").kendoSplitter({

orientation: "vertical",

panes: [

{ collapsible: true, size: "100%" },

{ collapsible: false },

{ collapsible: true, size: "100%" }

]

});

$("#horizontal1").kendoSplitter({

orientation: "horizontal",

panes: [

{ collapsible: true, size: "300px" },

{ collapsible: false },

{ collapsible: true, size: "100%" },

{ resizable: true }

]

});

$("#horizontal2").kendoSplitter({

orientation: "horizontal",

panes: [

{ collapsible: true, size: "300px" },

{ collapsible: false },

{ collapsible: true, size: "100%" },

{ resizable: true }

]

});

$("#horizontal3").kendoSplitter({

orientation: "horizontal",

panes: [

{ collapsible: true, size: "300px" },

{ collapsible: false },

{ collapsible: true, size: "100%" },

{ resizable: true }

]

});

$(document).ready(function(){

var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

tabstrip.select(tabstrip.tabGroup.children("li:first"));

});

</script>

</div>

</body>

</html>

Please help

TabStrip

answered on 30 Sep 2011

1 answer

709 views

How to connect MySQL database

How to connect MySQL database using J2EE in kendo ui

Thanks in advance

Data Source

answered on 30 Sep 2011

7 answers

215 views

Ranges

Hello everyone!

I would like to know for what we have 'ranges' in DataSource, and when/where we are using it.

Cheers!

Data Source

answered on 30 Sep 2011

1 answer

143 views

Grid Search

Dear Kendo UI Team and fellow users,

Is there a nice search feature for the grid or if not, will there be in the future?

Thanks so much!

Grid

answered on 29 Sep 2011