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"
                    }
                }
            });
});

The ListViewTag class serialises the entire data object, even if those fields aren't used in the ListView.  I'm using a Hibernate entity which uses a list of objects from a many-to-many relationship and I only want to retrieve these when I need them.  When the Serializer class tries to serialise the  object then Hibernate tries to populate the list but it can't because there is no database session open.

Is there any way fields can be ignored by the com.kendoui.taglib.json.Serializer?

See stack trace:

Dear, 

I am building dynamic scatter line & dot chart from database with dynamic numbers of chart series. When i tried pre-configure chart series it working fine.

Class representation.