easyui datagird 總計欄

在使用easyui 的表格的時,很多時候需要加一個總計欄,當然easyui中有加總計欄的方法,寫一個footer就好,然而我覺得這種方法並不好,因爲添加的總計欄是和列表每個單元格對應的,有長度限制,不美觀。

如果你也這樣想,可以按我這種方法:
把總計欄寫到分頁欄裏面,這樣就可以一行顯示啦。
具體方法很簡單:
在datagrid的定義後面寫一個這個:

var pager = $('#dg').datagrid().datagrid('getPager');  
                pager.pagination({
                    buttons:'#pagerButtons'
                });

在定義一個div,就好了

<table id="dg"></table>
<div id="pagerButtons"></div>

然後,在datagrid加載玩的success時間中,把總計欄的東西動態寫到pagerButtons這個div裏面就好啦

效果是這個樣子的:
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章