Questions on Kendo UI for jQuery Forum

6 answers

240 views

Use one datasource for mutliple UI widgets

I would like to have one kendo datasource that get its data from an ajax call that contains multiple arrays of data in one wrapper. The data in each array could be shaped differently and would be used for different tables/charts on the same page. So for example the data returned from the web service call would look like:
[
{ type: "names", name: "john", age: 12},
{ type: "names", name: "andy", age: 10},
{ type: "names", name: "sally", age: 11},
{ type: "toys", item: "bike", price: 69.99, color: "red"},
{ type: "toys", item: "yo-yo", price: 5.99, color: "blue"},
{ type: "toys", item: "football", price: 19.99, color: "brown"}
]

and I would like to have one table show the names and another table show the toys. Is this possible?

Data Source

answered on 28 Dec 2011

0 answers

113 views

Getting the editable grid to work with an sql database?

I've been trying to get the editable gird to work with my project, currently I have a telerik grid which uses ajax and is editable and works fine, I'd like to make a mobile editable table to edit the same sql database.

how would I go about this? Inoticed in the sample the table points to several URLs but I'm not usre how these URLs are generated based on the sql table.

Can anyone give me any pointers to get it to work?

Grid

asked on 28 Dec 2011

2 answers

164 views

[Solved] x-axis and y-axis texts in kendo charts

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

157 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

95 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

219 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

82 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

144 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

249 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