Q1:

I have a number field in my DataSource used in the Kendo grid for bytes. It is usually in the MB or GB range. Is there a simple way to change the format from 343,243,343 to "343.2 MB" and the same formatted help I need with the GroupFooter (where I don't see how to go from the documentation on formatting:  to something I put in the footer). Here is what I have right now:



Q2: (very related)

I also need a little help getting the same formatting rules into the groupFooter, but this time for a date, I want the same formatting I have in the column, to be used in the GroupFooter:

Hi

I'm a bit confused, some say Kendo UI Scheduler can be used for free but it seems to me I can only download and use a 30 day trial? 

Can I use Kendo UI Scheduler for free like forever in my own project or not?

Thanks in advance!

I have a grid, where the first column changes size when its being sorted.  No other column has this issue.  The issue persists when I specify a column width attribute as well.  Attached are screen shots.

Here is my grid definition:

this.qrList = $("#grid1").kendoGrid({
dataSource : this.ds,
sortable : {
mode : "single",
allowUnsort : false
},
selectable : "row",
pageable : {
buttonCount : 5
},
scrollable : false,
rowTemplate : _.template(QRListRow),
columns : [ {
field : "id",
title : "ID",
headerAttributes : {
"class" : "gridHeader"
}
}, {
field : "name",
title : "Name",
headerAttributes : {
"class" : "gridHeader"
}
}, {
field : "customerName",
title : "Customer",
headerAttributes : {
"class" : "gridHeader"
}
}, {
field : "createDate",
title : "Created",
headerAttributes : {
"class" : "gridHeader"
}
}, {
field : "dueDate",
title : "Due",
headerAttributes : {
"class" : "gridHeader"
}
}, {
command : {
text : "View Details"
},
title : " "
} ],
pageable : true,
navigatable : true
});

In addition, I use an underscore template for the row template:

<tr class="qrGridRow">
<td><%= id %></td>
<td><%= name ? name : '' %></td>
<td><%= customerName %></td>
<td><%= moment(new Number(createDate)).format('MMM D, YYYY') %> <span class="gridTime"><%= moment(new Number(createDate)).format('[at] h:mm a') %></span>
</td>
<td>
<% if(dueDate) { %>
<%= moment(new Number(dueDate)).format('MMM D, YYYY') %>
<% } else { %>
&nbsp;
<% } %>
</td>
<td>
<a class="viewDetails btn-mini btn btn-info" href="#view-qr<%= id %>"><i class="icon-eye-open icon-white"></i> View Details</a>
</td>
</tr>

Any idea why it abruptly resizes?

Note, you can see the discrepancy when you move from unsorted to sorted.

I am using Kendo UI for the web and was wondering if there is a way to have a column either be a checkbox or a textbox depending upon the value of another  column in the grid. For example if column 1 = 'C' display a checkbox in column 2, if column 1 = 'T' display a textbox in column 2. This field will be the only field that is editable in the grid. .

 I assume I would need a template for this, but could not get anything to work. Any help would be greatly appreciated.

This is a strange problem. I have a grid (code below) that contains a templated column for a drop-down control.  Whenever I run the site via an ip address I get the error.  However, when I access the site with a proper domain (eg, rep.ngkflocal.com), it functions fine. 

For instance, when accessed via the following URL: http://72.73.307.275/Plan/Edit/1342
The following error occurs: Uncaught ReferenceError: CapitalExpenditureType is not defined

However, when accessed like this via my local IIS web app: http://reppublish.ngkflocal.com/Plan/Edit/1342
I do not get the error, adding the row works fine. 

Both point to the same files. Any ideas? 

In IE10, when I perform an Edit using the Grid Popup Editor immediately after insertion of the record within the Grid you cannot click in a column body that allows HTML (via the Kendo Editor) without first clicking in a non editor field.  The same code works in Chrome but not in IE.

The Grid popup editor uses an Editor template, which contains a integer text box and three kendo editor columns that allow HTML and use a number of the editor tools (for example, bold, italic, underline, strikethrough ..etc).  The editor body appears disabled until you click in the integer text box column or the format block.

Any assistance on this problem would be appreciated.

Hi

I'm evaluating the Kendo UI Web Grid. I want to make a column read-only and found a solution in the Telerik Forums, telling me to set the editable-property of that column to false in my js-file through the schema-model-fields-collection.
I've tried it and it works.
But I'm using AngularJS and want to configure this UI-concern directly in my html, rather then injecting this configuration into my angular-controller (seperation of concerns is a very important topic for me).
Is there a way to configure this readonly setting directly in my html-page?
I've tried it in the html-page, but the following html-snippet does not put the Id-column in the desired readonly state.

                    <div kendo-grid k-data-source="products" 
                         k-selectable = "'multiple'"
                         k-editable = true
                         k-navigatable = true
                         k-columns='[
                            { "field": "productId", "title": "ID", "width": 100, "editable": false},
                            { "field": "productName", "title": "Artikel"},
                            { "field": "productDescription", "title": "Omschrijving" }
                          ]'>
                    </div>

Many thanks in advance.

Dirk Schelfaut
Belgium

We need to grid to display updates from server. The updates might be up to 1000 per second. We will have grid with virtualization.
I am trying to update the datasource with changes. The page is crashing with in minutes. Could you please let me know how should I do this efficiently.

Hi Kendo team,

I need to use 'seconds' as the baseUnit for categoryAxis. Is this possible, if so, how please?

Thanks,
Amrinder

Hi,
I have the following setup:
I'm using angularjs.
I have a treeview in one page, and I keep the stats to this page in a session variable (a "Service", across all my pages).
Everything works fine, and the treeview loads fine.
The only problem is - how do I keep the selected nodes across all pages, and show them when relevant (i.e. when I get back to the page with the treeview)?
I can keep the data in the service, so it is availablein the following format:
As I wrote above, the treeview appears, but how do I set the relevant nodes to be checked?