Sayfaları numaralandırma

Sayfalandırma widget'ı, sayfalara ayrılmış içeriği görüntülemek veya gösterilen içerik miktarını açıp kapatmak için <devsite-pagination> özel öğesini kullanır.

Genel kullanım

Aşağıdaki örnekte, sayfa başına dört <div> öğesini sayfalandıran bir container öğesini belirtmek için <devsite-pagination> özel öğesi kullanılmaktadır.

Div 1

Div 2

Div 3

4 Eki

5 Div

6 Eki

7 Eki

8 Eki

9 Kas

10 Haz

11 Kas

12 Haz

13 Eki

14 Eki

15 Kas

Birden çok HTML öğesi

Aşağıdaki örnekte, aynı kapsayıcıda hem <p> hem de <div> öğelerini sayfalayan bir container öğesi belirtmek için <devsite-pagination> özel öğesi kullanılmaktadır.

Bu paragraf 1'dir.

Bu paragraf 2'dir.

Bu, 3. paragraf.

Bu paragraf 4'tür.

Bu, 5. paragraf.

Bu paragraf 6'dır.

Bu, div 1'dir.

Bu, div 2'dir.

Bu, div 3 değeridir.

Bu, div 4'tür.

Bu, div 5'tir.

Bu, div 6'dır.

Düğmeler kullanıcı arayüzü

Aşağıdaki örnekte, ilk sekiz <div> öğeyi yükleyen ve Diğer'i göstermek üzere değiştirilebilen bir container öğesini belirtmek için <devsite-pagination> özel öğesi kullanılmaktadır.

Div 1

Div 2

Div 3

4 Eki

5 Div

6 Eki

7 Eki

8 Eki

9 Kas

10 Haz

11 Kas

12 Haz

13 Eki

14 Eki

15 Kas

Genişlet

Aşağıdaki örnekte<devsite-pagination> özel öğecontainer öğesistart-expanded tümünü yükleyen özellik<div> öğeleri görüntülemek veDaralt ,

Div 1

Div 2

Div 3

4 Eki

5 Div

6 Eki

7 Eki

8 Eki

9 Kas

10 Haz

11 Kas

12 Haz

13 Eki

14 Eki

15 Kas