Questions on Kendo UI for jQuery Forum

2 answers

71 views

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

134 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

231 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

155 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

203 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

93 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

1 answer

151 views

Underscore breaks JSON data

I created a remote data source with underscores in the fields and the underscore character seems to be breaking the data source. Copied the data as a static JSON file and removed the underscore and it proved the issue.

Tips anyone on how to get Kendo to play nice with my data?

Data Source

answered on 27 Dec 2011

2 answers

290 views

Don't care for query string...

I'm trying to create an autocomplete box. My web service uses MS Web API and I'd prefer to pass the value of autocomplete input field to the URL like this:
.../getProducts/sku=VALUE FROM FIELD

How would I go about this? If not, is one able to form a proper query string that won't need additional parsing to get a the value out? I've noticed the query string does not contain traditonal key/values.

I've also noticed the query string is chock full of crap despite me not specify paging, filtering, etc. I will be handling all this on the server and don't need to specify these items. Is it possible to remove this too?

AutoComplete

answered on 26 Dec 2011

6 answers

532 views

how to use Kendo UI Grid with Ruby On Rails

Hello Guys,

Please help me on how to bind the data from Ruby on Rails using the grid.

Appreciate any help.

Thank you.

wawhe

Grid

answered on 26 Dec 2011

1 answer

181 views

Filter on Grid Getting toLowerCase error

Hi -
I have my grid set up below when i try to filter a column i get to lowercase undefined error but without the row template the filtering works. But i need to do row templating because i wanted some ajax buttons in my grid columns

   $(document).ready(function () {
        $("#grid").kendoGrid({
            dataSource: {
                dataType: "json",
                transport: {
                    read: "@HttpContext.Current.Request.Url/GetUsers"
                },
                schema: {
                    data: "Users",
                    total: "Count",
                    model:
                        {
                            fields:
                            {
                            UserLastName: {field: "UserLastName", type: "string" },
                            UserFirstName: { type: "string" },
                            UserInstitutionName: { type: "string" }
                            }
                       }
                    },
                serverPaging: false,
                serverSorting: false,
                serverFiltering: false,
                pageSize: 25
            },
            rowTemplate: kendo.template($("#rowTemplate").html()),
            sortable: true,
            pageable: true,
            filterable: true,
            scrollable: false
        });

Grid

answered on 26 Dec 2011