Questions on Kendo UI for jQuery Forum

3 answers

1.1K+ views

Should Maximize, Minimize, Restore fire the Resize Event?

Bug or Feature?

Window

answered on 28 Dec 2011

0 answers

125 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

80 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

196 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

69 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

122 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

211 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

142 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

asked on 27 Dec 2011

1 answer

182 views

JSON results

I have an autocomplete connecting to a WCF web serivce that returns data a JSON string.

Here is how I create the autocomplete:

var search = $("#searchBox").kendoAutoComplete({

minLength: 3,

separator: ", ",

dataSource: {

type: "json",

transport: {

read: "../getTitles",

parameterMap: function() {

return { sku: $("#searchBox").data("kendoAutoComplete").value() };

}

});

The data returned is a JSON string as follows:

["Test", "Test 2", "Test 3"]

Nothing actually shows inside the autocomplete box... Am I missing something...

AutoComplete

answered on 27 Dec 2011

2 answers

88 views

New item not returned by read() using Internet Explorer

I've noticed that while adding an item to the data source then calling sync() creates the item and read() successfully returns the expected rows in Chrome and Firefox, this doesn't appear to be the case in Internet Explorer. I can see the POST is successful and returns the new item via JSON. The item appears in the grid briefly, until read() is called. The GET caused by the read() method doesn't include the newly added item in the response. When I refresh the page, the new item is there.

I originally had the same problem as noted in this thread, but I've since set cache to false in the read function but still have the issue of new items not appearing in the results only when using IE.

Data Source

answered on 27 Dec 2011