Questions on Kendo UI for jQuery Forum

1 answer

223 views

I have a line chart showing one weeks worth of hourly data (168 values). The categoryAxis labels overlap even when they are rotated 90 degrees. How can I show the label for only every 6th or 12th value to prevent this?

Charts

answered on 20 Feb 2012

1 answer

64 views

Top css applied on window wrapper not respected by IE

Code: http://jsfiddle.net/latenightcoder/VfgLu/

Attached screenshot of it working in Chrome. And not on IE9. Problem exists on all IE doc modes.

Window

answered on 19 Feb 2012

9 answers

153 views

Binding Grid to XElement?

I have a callback function that returns an XElement object with the following content:

<Rows>

<Category Name="Management" ID="Management">Management</Category>

<Col1 Name="Cost" ID="Cost">189812516</Col1>

<Col2 Name="Ratio" ID="Ratio">29.73</Col2>

<Col3 Name="Headcount" ID="Headcount">1296</Col3>

</Rows>

<Rows>

<Category Name="Professional Staff" ID="Professional Staff" >Professional Staff</Category>

<Col1 Name="Cost" ID="Cost">53599982</Col1>

<Col2 Name="Ratio" ID="Ratio">23.39</Col2>

<Col3 Name="Headcount" ID="Headcount">808</Col3>

</Rows>

etc....

How can i use this in KendoGrid? I.e. how do I set this up in the data source so as to be able to bind to it. I am not loading this from a url or a file, it is coming in from a variable.

Do I load this as an XML data source or convert it with a template? Help!

Grid

answered on 19 Feb 2012

0 answers

70 views

Bug: Column header lines and zooming

http://jsfiddle.net/latenightcoder/6ZNqN/embedded/result/

Try zooming in / out and you'll notice the header lines don't match up with the grid lines.

Happens in Chrome/FireFox. IE9 isn't affected (WAT!)

Grid

asked on 19 Feb 2012

4 answers

768 views

how to retrieve sort parameters

In an ASP.NET MVC application, how could I retrieve the sort field and direction?
I see that the grid sends these parameters: sort[0][dir] and sort[0][field] but how could I retrieve them in c#?

public JsonResult GetLogs(int page, int pageSize, int skip, int take, ???)

or should I use the parameterMap setting?

parameterMap: function(options) {

return {

pageIndex: options.page,

size: options.pageSize,

orderBy: convertSort(options.sort)

}

but I don't find the implementation of convertSort, do you have an example?

Grid

answered on 18 Feb 2012

0 answers

141 views

Grid styling text

I have looked through examples and even looked at code from grids used on this site and cannot seem to get any clear information on how to style the text that is shown in a grid, the basic grid style is there but I cannot seem to get anything other than the default sans-serif text. Even on the grid walkthrough it covers quite a lot but not how to style the text... which in the walkthrough is also shown as sans-serif. I think it would be extreamly useful for some clear information on this on the site, not only for myself but for others that are not css 'save'.

Currently I have the following set before the '</head>' of my example page:

<link href="kendoui/source/styles/kendo.common.css" rel="stylesheet"/>
<link href="kendoui/source/styles/kendo.default.css" rel="stylesheet"/>
<script src="kendoui/source/js/jquery.min.js"></script>
<script src="kendoui/source/js/kendo.core.js"></script>
<script src="kendoui/source/js/kendo.fx.js"></script>
<script src="kendoui/source/js/kendo.model.js"></script>
<script src="kendoui/source/js/kendo.data.odata.js"></script>
<script src="kendoui/source/js/kendo.data.js"></script>
<script src="kendoui/source/js/kendo.pager.js"></script>
<script src="kendoui/source/js/kendo.sortable.js"></script>
<script src="kendoui/source/js/kendo.popup.js"></script>
<script src="kendoui/source/js/kendo.list.js"></script>
<script src="kendoui/source/js/kendo.dropdownlist.js"></script>
<script src="kendoui/source/js/kendo.calendar.js"></script>
<script src="kendoui/source/js/kendo.datepicker.js"></script>
<script src="kendoui/source/js/kendo.numerictextbox.js"></script>
<script src="kendoui/source/js/kendo.filtermenu.js"></script>
<script src="kendoui/source/js/kendo.grid.js"></script>

All the above files are there as per the path shown from the example document. The divs are set as follows (although I have used various options copied from other examples):

<div id="example" class="k-content">
            <div id="clientsDb">
                <div id="grid"></div>
</div>
    <script>

        $(document).ready(function() {
                
            var dataSource = new kendo.data.DataSource({
                transport: {
................................. etc. etc.

Any clear information on styling a grid would be helpful, thanks in advance.

Grid

asked on 18 Feb 2012

9 answers

741 views

Remote datasources and large datasets

Does Kendo support remote data sources with the option to affect which data to retrieve? What I have in mind is e.g. using a JSON service that supports paging or some other filtering.

I don't consider manipulating the dataSource.transport.url using javascript and re-reading the remote data source a viable solution.

Data Source

answered on 18 Feb 2012

4 answers

283 views

Pass Date to Amsx Through Datasource

I am working with the datasource control and I am trying to query a webservice and need to pass a start date from a Kendo datepicker. When it is sent I get an error - Invalid JSON Primitive. Any help would be appreciated, thanks. Here is my code:

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: '/app/handlers/customers.asmx/GetTopAssignedCustomers',

dataType: "json",

data: startDate: function(){return kendo.toString(new Date(start.value()), "MM/dd/yyyy");},

contentType: 'application/json; charset=utf-8',

type:"POST"

}

},

schema: {

data:"d"

}

});

Data Source

answered on 18 Feb 2012

6 answers

1.4K+ views

Synchronous binding to data source

I keep hitting a timing issue whereby reading the value() of the DropDownList is not correct unless the dataSource binding has been completed. How do I configure the DropDownList so that it is bound to its dataSource synchronously?

I know I can attach code to the change event, but this isn't feasible because I need to ensure all DropDownLists are populated on the page rather than just one. I tried declaring the dataSource separately and calling read() explicitly, but the dataSource is read a second time when it is bound to the DropDownList. I tried binding to the view() method as well, but this had no data.

Can you help?

Gary

DropDownList

answered on 17 Feb 2012

1 answer

210 views

Problem when dataTextField and dataValueField are the same

With the DropDownList I have found that if the dataTextfield and the dataValueField are the same field name, then the optionLabel value is not displayed.

I created a jsfiddle to demonstrate: http://jsfiddle.net/gxclarke/v9wjM/4/

Regards,
Gary

DropDownList

answered on 17 Feb 2012