Questions on Kendo UI for jQuery Forum

2 answers

148 views

Hi telerik team,

I am new to kendo charts. Please tell me how to set the x and y axis' texts in kendo charts like the one in the attached file.

Charts

answered on 28 Dec 2011

3 answers

1.1K+ views

Should Maximize, Minimize, Restore fire the Resize Event?

Bug or Feature?

Window

answered on 28 Dec 2011

0 answers

130 views

Custom pager

I have a grid that I use to display data in. I use my own paging and not the inbuilt method.

Is it possible to enable paging on a grid, then override it to show links to pages (e.g. site.com/stuff/page/2) that I specify?

Grid

asked on 28 Dec 2011

0 answers

83 views

Multi Column/Wrap

Anyone have any sample code of how to use the Grid in a multi column/wrap look?

I would like to be able to have 2 or 3 columns with x number of rows.

Grid

asked on 28 Dec 2011

1 answer

200 views

Updating data for JSON read()

I'm using the Kendo grid to display Elmah errors (test project to evaluate Kendo UI) from a remote data source that gets JSON data from an MVC application.

I've put a calendar control on the form to filter the data. However, I can't seem to get the read operation to send the parameters. Can anybody figure out what I'm doing wrong? Here is the code:

var errSrc = new kendo.data.DataSource({

transport: {

read: {

url: '@Url.Content("~/Errors")',

dataType: 'json',

type: 'post',

data: function () {

var d = { day: model.date() };

return d;

}

},

schema: {

parse: function (data) {

if (data.length > 1000) {

data = data.slice(0, 1000);

model.tooMany(true);

}

var errs = $.map(data, function (item) { return new Error(item) });

model.errors(errs);

model.count(errs.length);

return model.errors();

}

});

I have confirmed that the data function is getting called and the correct date is being returned. However, no data is being sent in the HTTP post (confirmed using Fiddler2).

I've tried a couple different approaches (such as calling errSrc.read({ day: model.date() })) but haven't gotten it to work yet.

Data Source

answered on 28 Dec 2011

2 answers

70 views

I need a bit of help defining a schema

Here is the output of the jsonp from the webservice I am calling (I have removed a bunch of extraneous data but maintained the overall structure). I'm only interested the "SubRows" grouping. I'd like to break out visits (y-axis) by start-date (x-axis) in a line chart. How would I represent the schema for this datasource?

"data" : [
{
"YttQZfDcyK6" :
{
  "measures" :
  {
     "Visits" : 22214391
  } ,
  "SubRows" : [
  {
   "start_date" : "2011-01-01",
   "measures" :
   {
    "Visits" : 605521
   } ,
   "SubRows" : null
  },
  {
   "start_date" : "2011-01-02" ,
   "measures" :
   {
    "Visits" : 672939
   } ,
   "SubRows" : null
  } ]
}
} ]

Thanks ahead of time.

Data Source

answered on 27 Dec 2011

0 answers

129 views

Cascading Drop down, using Remote Data Source

Any samples/Demos for Cascading Drop Down, that are bound to Remote Data Source and filtering occurs on the Server ?

DropDownList

asked on 27 Dec 2011

4 answers

221 views

Grid with Templates

I'm trying to create a grid with a column template that has a KendoDropDownList of Checkboxes. The checkboxes are checked on load based on the data source of the grid.

I have the following, but it doesn't work at all. Can someone point me in the right direction please?

Thank you.

<table id="grid" height="300px">
  <thead>
  <tr>
  <th data-field="Content1">Content</th>
  </tr>
  </thead>
</table>

<script id="consumersTemplate" type="text/x-kendo-tmpl">
  <select id="dropdownlist" />
</script>

<script id="consumerTemplate" type="text/x-kendo-tmpl">
  <input type="checkbox" name="#= Name #" value="#= Name #"
  # if (#= IsSelected#) { #
  checked
  # }
/>
</script>

$("#grid").kendoGrid({
  dataSource: [
  { Consumers: [ { Name: "John", IsSelected: false }, { Name: "Jane", IsSelected: true } ] },
  { Consumers: [ { Name: "John", IsSelected: true }, { Name: "Jane", IsSelected: false} ] }
  ],
height: 200,
scrollable: {
virtual: true
},
columns: [
{
template: kendo.template($("#consumersTemplate")
  .kendoDropDownList(
  template: $("#consumerTemplate").html(),
  dataSource: kendo.template("#=Consumers#")
).html())
}
],
selectable: true
});

Grid

answered on 27 Dec 2011

0 answers

148 views

Portlet-esque drag-drop zone

Do you have any plans to provide for portlet like drag-drop zone features similar to here : http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/portal/portal.html

I can see this being more of an "integration" piece involving multiple kendoui controls but this mechanism would still have to be supported by the drag & drop framework.

Thanks,
Joel

Drag and Drop