2010-01-12 71 views
0

我在瀏覽槽文件,特別是http://codeigniter.com/user_guide/libraries/pagination.htmlcodeigniter分頁定製

在我腦海中,第一件事情就是「CodeIgniter的分頁類非常易於使用,它可以動態地或通過存儲的首選項100%定製。」但總是有些東西。

我的分頁如下Previous 1 2 3 4 ... n Next現在我可以創建開放的html標籤,並在我的控制器中關閉html標籤。

對於前:

上一頁

$config['prev_tag_open'] = '<div class="previous">'; 

The opening tag for the "previous" link. 
$config['prev_tag_close'] = '</div>'; 

下一頁

$config['next_tag_open'] = '<div>'; 

The opening tag for the "next" link. 
$config['next_tag_close'] = '</div>'; 

而去年第一等,現在在我的設計我做上一頁浮動左下一頁右浮動,我有一個<div class="middle_pager">它將所有頁碼保存在中間。

從我在文檔中看到,我沒有在CI中將所有頁碼放在html標籤之間的選項,我只能選擇將每個頁碼放在一些標籤內,也許有一種方法,但我錯過了一個點。任何人都可以幫忙?

謝謝

回答

2

訣竅是,你必須思考開箱即用。

你應該一個一個打開標籤在你的「next_tag_open」像

$config['next_tag_open'] = '**</opening tag>**<div>'; 

The opening tag for the "next" link. 
$config['next_tag_close'] = '</div>'; 

應該做的伎倆添加到末尾的你「prev_tag_close」

$config['prev_tag_open'] = '<div class="previous">'; 

The opening tag for the "previous" link. 
$config['prev_tag_close'] = '</div>**<opening tag>**'; 

和關閉標籤的。

+0

嗯確實是它的超級棒。謝謝 – ant 2010-01-12 18:09:25

1

這很難解決問題,你會如何處理這種情況的第一頁和最後一頁? next_tag_open/close不會出現在分頁的最後一頁,並且prev_tag_open/close不會出現在分頁的第一頁。

這顯然會導致兩個對這些頁的塊元素,打破

好了,所以我今天早些時候有同樣的問題,這是真的做我的頭,我想出的唯一解決方案(適用prefectly ) 這是;

繞輸出創建一個div -

<div class="pagination2"> 
    <?php echo $link; ?> 
</div> 

然後使用由類提供的分頁標籤周圍使用這些標籤環繞數字標籤(num_tag_open /關閉)。

$config['full_tag_open'] = '<div class="pagination">'; $config['full_tag_close'] = '</div>'; $config['num_tag_open'] = '<p>; $config['num_tag_close'] = '</p>';

現在跳進CSS和相對定位外塊元件pagination2,然後去和絕對定位內部塊類分頁,居中和然後可以使用一個負值推絕對定位NEXTLINK或無論您希望如何預先鏈接元素。請參閱下面的CSS我使用。

.pagination2{ 
    position: relative; 
    right: -10px; 
    height: 45px; 
    width: 500px; 
    background-color:#f8f8f8; 
    border: 1px solid #d3d3d3;  
    outline:none; 
    } 

    .pagination{ 
    position: absolute; 
    left: 180px; 
    height: 35px; 
    width: 120px; 
    } 

    .pagination-button-previous{ 
    position: absolute; 
    top: 10px; 
    left: -160px; 
    width: 74px; 
    height: 24px; 
+0

歡迎來到堆棧溢出!感謝您填寫此答案。 – 2013-01-18 23:16:34