Hi,

Is it possible to somehow anchor my Html.Kendo().Grid<> so that it will size with the browser if the user sizes the browser window.

Also can you adjust number of results on different devices, like on a mobile ?

Ive had the issue with very small screens getting a double scrollbar, one within the grid and the other to scroll the grid itself.

 

Regards,

Emil

Hi guys,
I'm trying to develop a custom kendo menu with some objects inside of it!

I have some button representing objects and a textbox (to filter them)..
buttons are correctly clickable while I'm able to select the textbox...It seems like it's disabled..
If I check on demo page I see that, for example, I'm not able to select any text inside a menu item..
Is there any way to work around this issue?

Thanks
Fabio

I have an issue with the placement of the popup edit command when used in conjunction with locked column(s).

Basically this works fine but only if the edit command is placed on the right-most column in the grid. However I would like to have the edit button on the extreme left (so in the first column).

When I do this it looks fine initially, however, when locking a column, the column doesn't stack up to the right of the command column as I was expecting - it snaps to being the first column. This then moves the command along one column to the right which is not ideal.

Before:

Command | Col 1 | Col 2

 

After locking Col 2:

Col 2 | Command | Col 1

How can I keep the command column always positioned in the first column?

Hi Team,

Need small input here. We are adding rows to the kendo Grid dynamically. Where in the rows gets added successfully, the row count on the page navigation buttons are not coming up properly.

When we are reloading the kendo grid with different set of data, the following issue were observed.
When we click on ">>" or "<<" the total count displayed in the right bottom corner was wrong the records in the newly
added data are getting disappeared. Could you please help me to resolve this issue.

The sample is available in the following Dojo - http://dojo.telerik.com/OWoce/4

Steps to reproduce:
1. Go to the above URL.
2. Click on "add" button.
3. You can see the newly added record on the top.
4. When you click on the ">>" you will observe the total count dispayed is wrong and the newly added record will be
 hidden until you click on one of the page number.

 

 

Hello Team,

I implemented Virtual Scrolling in Grid and it is working as expected.
Now my Scenario is when I add the row to Grid it should move the Grid scroll to bottom of Grid.
I tried few setting but no luck

Attaching the Scenario Screen (here I added 7 rows but it not show last few row with 
Scroll). If I see with Inspect Element it show all TR (for my case 7)

Fyi, We are adding rows on button click

Please suggest the way to implement it and let me know for any further query..

Thanks & Regards,
Nitesh Sahu, Contact No :+91 9350030884

 

As a paid subscriber, I have access to the professional source code.  However, there's a line in the grid.js file that calls .kendoFilterCell(), but I can't find kendoFilterCell in the source files.

 

The line I'm referring to is in kendo.grid.js on line # 4974 and looks like this:

$('<span/>').attr(kendo.attr('field'), field).appendTo(th).kendoFilterCell(settings);

In the Kendo Grid, it looks like we can group the data by multiple columns so that we have multiple levels of grouping. However, when we apply an aggregate, currently it is being applied at all the grouping levels. So, can someone please let me know if I can have different aggregates for different group levels. For example, if we have grouped data by say two columns, “UnitsInStock” and “UnitsOnOrder”, is it possible to show say Count of “ProductName” at the “UnitsOnOrder” grouping level and may be Sum of “UnitPrice” at the “UnitsInStock” group. 

Following is the snippet that shows how I am doing the grouping in Kendo grid.

        <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
                            },
                            schema:{
                                model: {
                                    fields: {
                                        UnitsInStock: { type: "number" },
                                        ProductName: { type: "string" },
                                        UnitPrice: { type: "number" },
                                        UnitsOnOrder: { type: "number" },
                                        UnitsInStock: { type: "number" }
                                    }
                                }
                            },
                            pageSize: 100,
                            group: [{
                                     field: "UnitsInStock", aggregates: [
                                        { field: "UnitPrice", aggregate: "sum"},
                                     ]
                            },
                                    { field: "UnitsOnOrder", aggregates: [
                                        { field: "ProductName", aggregate: "count" },
                                        { field: "UnitPrice", aggregate: "sum"},
                                        { field: "UnitsOnOrder", aggregate: "sum" },
                                        { field: "UnitsInStock", aggregate: "count" }
                                     ]
                                   }],

                            aggregate: [ { field: "ProductName", aggregate: "count" },
                                          { field: "UnitPrice", aggregate: "sum" },
                                          { field: "UnitsOnOrder", aggregate: "sum" },
                                          { field: "UnitsInStock", aggregate: "min" },
                                          { field: "UnitsInStock", aggregate: "max" }]
                        },
                        sortable: true,
                        scrollable: false,
                        pageable: true,
                      groupable:false,
                        columns: [
                            { field: "ProductName", title: "Product Name", aggregates: ["count", "average" ], footerTemplate: "Total Count: #=count#", groupFooterTemplate: "Count: #=count#" },
                            { field: "UnitPrice", title: "Unit Price", aggregates: ["sum"],footerTemplate: "Sum: #=sum#",
                                groupFooterTemplate: "Sum: #=sum#" },
                            { field: "UnitsOnOrder", title: "Units On Order", aggregates: ["average", "sum"], footerTemplate: "Sum: #=sum#",
                                groupFooterTemplate: "Sum: #=sum#" },
                            { field: "UnitsInStock", title: "Units In Stock", aggregates: ["min", "max", "count", "average"], footerTemplate: "<div>Min: #= min #</div><div>Max: #= max #</div>",
                                groupHeaderTemplate: "Units In Stock: #= value # " +  
                             "(Sum: #= aggregates.UnitPrice.sum #)" }
                        ]
                    });
                });
                 
            </script> 

Looking forward to your suggestions.

Thank You

I have a grid with the navigatable option set to true. Some of the columns in the grid have editable set to false. When I tab through the columns, I would expect that when I come to a non-editable column the column should be skipped and go to the next editable column. This is not what happens. When I reach a non-editable column I have to hit 'tab' multiple times to get to the next editable column.

Is there a way around this?

I have also noticed that if I click on a cell to edit, and it is not the first column in the row, if I hit 'tab' the focus goes back to the first column in the row. I would expect that if I click on a cell to edit and then hit 'tab' it would always move to the next column, regardless of whether or not there are columns before my original edited cell.

Thanks!

how can I access aggregate in the requestEnd event?

 

Hi,

I have Tabstrip inside a Grid with Rowtemplate and DetailTemplate. Grid is working but the tabstrip is not getting called from inside the detailtemplate. Any help would be appreciated. The code is below:

<div id="ah" class="Wrapper">
                <table id="Results">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th> Time</th>                           
                        </tr>
                    </thead>
            <tbody>
                <tr>
                    <td colspan="2"></td>
                </tr>
            </tbody>
        </table>
</div>
<script id="rowTemplate" type="text/x-kendo-tmpl">
                <tr class="k-master-row">
                    <td class="k-hierarchy-cell"><a href="\#" class="k-icon k-plus"></a></td>
<td class="k-hierarchy-cell">Master Row</td>
</tr>

 </script>
    <script id="detailTemplate" type="text/x-kendo-tmpl">
           <div class="TabHolder">
        <ul>
            <li class="k-state-active">Info</li>
            <li>Details</li>
           </ul>
  <div class="TabContent">
            profile
        </div>
        <div class="TabContent">
            activities
        </div>
</div>
</script>

$(document).ready(function () {           
            $("#Results").kendoGrid({
                scrollable: false,
                dataSource: datasource,
                rowTemplate: kendo.template(jQuery("#rowTemplate").html()),
                detailTemplate: kendo.template(jQuery("#detailTemplate").html())
            });
 $(".TabHolder").kendoTabStrip({
                animation: {
                    open: {
                        effects: "fadeIn"
                    }
                }
            });
});