This is a migrated thread and some comments may be shown as answers.

random digit showing pager with new beta (and MVC Extensions)

3 Answers 42 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Trent Jones
Top achievements
Rank 1
Trent Jones asked on 27 Jun 2012, 08:29 PM
I am experiencing a strange issue where there is a random extra digit in the pager. See screenshot.  

Also here is the html generated if that helps.

<div class="k-pager-wrap k-grid-pager" data-role="pager">
<ul class="k-pager k-reset k-numeric">
<a class="k-link k-state-disabled" title="Go to the first page" href="#" data-page="1">
<a class="k-link k-state-disabled" title="Go to the previous page" href="#" data-page="1">
<ul class="k-pager-numbers k-reset">
<a class="k-link" title="Go to the next page" href="#" data-page="2">
<a class="k-link" title="Go to the last page" href="#" data-page="3">
<span class="k-pager-info k-label">1 - 10 of 28 items</span>
</div>

There appears to be a random UL with class='k-pager k-reset k-numeric' in the page?  Any ideas.

I have added a second pager to the page via

$("#somepager").kendoPager( { dataSource: gridDatasource });

and that one is fine.

3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 28 Jun 2012, 06:54 AM
Hello Trent,

 We couldn't reproduce this problem locally. Could you paste here the declaration of your grid? 

Regards,
Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
MiBu
Top achievements
Rank 1
answered on 09 Aug 2012, 01:05 PM
I'm getting this bug, and it's a strange one. I had it on one machine, but on ther was fine, and suddenly now have it on both. Here is the markup produced by grid, and in pager this is the number from screenshot above:
<ul class="k-pager k-reset k-numeric">
    <li>
        <span class="k-state-active" data-page="1">1</span>
    </li>
</ul>

This markup is not produced on machine with no bug. Both are using v2012.2.710

Both have the same declaration of grid through MVC helper:

@(Html.Kendo().Grid<Person>()
        .Name("PersonsGrid")
        .Columns(columns =>
            {
                columns.Bound(m => m.Name).ClientTemplate("<a href=" + @Url.Action("Edit/") + "#=ID#>#=Name#</a>");
                columns.Bound(m => m.LastName);
            }
        )
        .DataSource(dataSource => dataSource
                .Ajax()
        .Sort(sort => { sort.Add(m => m.Name).Ascending();})
                .Read(read => read.Action("Action", "Controller")))
        .Pageable()
        .Sortable())
0
MiBu
Top achievements
Rank 1
answered on 09 Aug 2012, 02:29 PM
OK, finally i found a culprit. If you set

.Footer(false)

it's not rendered. This will do it for me now, if I find more time i'll look into this.

Another thing, maybe not connected with this:
if you set sort on datasource, on specific column it has glitch shown in picture.
Tags
Grid
Asked by
Trent Jones
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
MiBu
Top achievements
Rank 1
Share this question
or