1. 程式人生 > >easyui-datagrid 不使用footer完成 首行合計不參與前臺排序

easyui-datagrid 不使用footer完成 首行合計不參與前臺排序

1.前臺假分頁,假排序,不依賴後臺程式碼,將效能瓶頸放在瀏覽器端。假分頁的需求--忽略第一行合計列進行排序

我的構思是

1st 將排序後的結果取出來

2 sec 人為修改排序結果。

3 third  將排序結果塞入表格

然而通過官方提供的api  依次使用了 load  loadData  reload 

以及 refreshRow 等 發現  迴圈 遍歷 使用 refreshRow 資料量 過大 會 假死。

折中一下 跟 原始碼後發現。easy ui 底層提供重新整理表格 使用的方法是

  opts.view.render.call(opts.view, _6b7, dc.body2, false);

opts 是 $("#dg").datagrid("options") 獲得

_6b7是  $("#dg")[0] 標籤元素 非dom 文件流物件

dc.body2 是啥 沒具體看 不過 我只要獲取dc 就行了

var dc = $(this).datagrid("reload").data().datagrid.dc;

最後一張圖 黑色 塊 則是最終程式碼。。

分頁後速度賊快

下圖中是 一個簡單的前臺排序程式碼段,當我點選對應的預警狀態後 會進入 sorter 方法。然後呼叫easyui 程式碼


程式碼 第 11553行 (格式化後) 返回 1或者-1  這套邏輯 來進行 排序。 然後呼叫 

11562 行程式碼處重新整理表格



相關推薦

easyui-datagrid 使用footer完成 合計參與前臺排序

1.前臺假分頁,假排序,不依賴後臺程式碼,將效能瓶頸放在瀏覽器端。假分頁的需求--忽略第一行合計列進行排序我的構思是1st 將排序後的結果取出來2 sec 人為修改排序結果。3 third  將排序結果塞入表格然而通過官方提供的api  依次使用了 load  loadDat

easyui datagrid的getSelections與選擇數不同問題

![在這裡插入圖片描述](https://img-blog.csdn.net/20181023181411934?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzc2MjUw/font/5a6L5L2

easyui datagrid 根據關鍵字值取

var rowIndex = $('#tt').datagrid('getRowIndex', id);//id是關鍵字值 var data = $('#tt').datagrid('

(Extjs)GridPanel中允許選擇某允許取消某修改

一:實現GridPanel中不允許選擇某行: var checkBox;  //列表選擇框 checkBox = new Ext.grid.CheckboxSelectionModel({singleSelect:true,header:"",listeners: {  

easyUI-datagrid屬性設置display:none,表頭顯示

format tle mar data res for 可能 com rownum <div class="box1"> <div class="dg1Box" style="margin-top:15px; margin-left:25

easyui datagrid變色

pen 任務 pla lin 背景色 實現 eas data dex easyui datagrid 隔行變色一:實現樣圖二:實現代碼 1 $(‘#dataGrid‘).datagrid({ 2 rowStyler:function(index,row){

Excel2017如何同時凍結滾動

ext png ffffff images 拆分 處的 roc 步驟 滾動 工具 Excel 2017 方法步驟 例如要凍結圖中表格的首行首列。 先點擊選中圖中所示的左上角首行和首列交叉處的單元格。 再點擊菜單欄中的“視圖”並點擊“凍結窗口”。 點擊凍結窗口中的“凍結

jquery easyui datagrid/table 右邊線顯示

eight AI 分享 inf jquer alt 顯示 col info <table id="dg" style="height:400px"></table> 右邊線顯示不全 解決:在外面套一個panel,邊框隱藏:border:hidden

easyUI datagrid多列數據渲染異常緩慢原因以及解決方法

後端 http 前後端 公司 發送請求 class 之前 vue 做的 原因 最近,在優化之前公司幫聯想(外包)做的一個老的後臺管理系統,由於項目是基於easy UI框架,頁面是後臺用jsp實現的,再加上在公司推行前後端分離的實踐,大部分項目都基於vue采用前後端分離去實現

easyUi dataGrid 高設置,解決錯問題

value data function 一個 urn itl col width 選擇 在easyUi dataGrid中,如果使用了frozenColumns和columns,如果行高不一樣,可以選擇其中的一個格式化一下高度即可。 代碼 columns : [ [ {

Easyui Datagrid的Rownumber號顯示問題

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

python 縮排-函式需要縮排

import time def time(func):     print(time.ctime())     return func() @time  # 從這裡可以看出@time 等價於 time(xxx()),但是這種寫法你得考慮pyt

關於動態修改easyui datagrid樣式,不同樣式覆蓋優先順序問題(class)

easyui->datagrid->rowStyler 釋義:直接return class實際在html中是疊加class,並不會移除已有的自定義class,這會導致class的優先順序是根據在css檔案中的先後來判斷優先順序,達不到新的覆蓋舊的的效果,故此處先移除自定義class,再載入新cl

easyui datagrid 展開記錄 展示自定義內容

我這裡datagrid展開行記錄的擴充套件內容是一個table,內容相對固定,所以設定了全域性變數。並且希望頁面載入的時候,就將全域性變數載入完成。 1:JS頁面上需要引用,detailview js, <!-- 引入EasyUI new--> <

盜將是程式碼,僅分享一悽美的故事)

盜將行 劫過九重城關 我座下馬正酣 看那輕飄飄的衣襬 趁擦肩把裙掀 踏遍三江六岸 借刀光做船帆 任露水浸透了短衫 大盜睥睨四野 枕風宿雪多年 我與虎謀早餐 拎著釣叟的魚弦 問臥龍幾兩錢 蜀中大雨連綿 關外橫屍遍野 你的笑像一條惡犬 撞亂了我心絃 談話飲月賦閒 這春宵豔陽天 待到夢醒

jQuery easyui dataGrid 動態改變排序欄位名,一般情況下,在使用的時候,我們會點選相應欄位進行排序,這裡以JAVA為例,後端的實體類欄位有可能和資料庫的欄位一致; 如:實體類中的

jQuery easyui dataGrid 動態改變排序欄位名,一般情況下,在使用的時候,我們會點選相應欄位進行排序,這裡以JAVA為例,後端的實體類欄位有可能和資料庫的欄位不一致; 如:實體類中的屬性為userName,前臺filed="userName"而資料庫的欄位

EasyUI Datagrid 獲得選中行(CheckBox)的使用和獲取的資料正常(資料缺失。。)的解決

checkOnSelect            當為True的時候,點每一行時CheckBox就會被選中;為False時,只能手動的點選CheckBox ;預設true;      select

EasyUI datagrid 改變的背景色

1、簡介 使用jQuery EasyUI datagrid獲取資料列表的時候,可能需求需要改變某些資料行的背景色,或者將其資料行顯示為奇數偶數行不同,這是改變背景色就是非常必要的。 2、實現 使用datagrid的特性:rowStyler 例項如下: $('#keyMana

實現對easyui-datagrid的資料批量修改(包括修改內容和刪除)

先上一個easyui-datagrid的資料。 而我們要實現的功能是1.對三條記錄進行批量的刪除和批量的修改狀態。 1.批量的刪除 我們選擇傳入三條記錄的id值,並利用service層的deleteByid方法進行刪除。 具體程式碼如下所示。 先上service層程式碼:

easyui-datagrid資料增刪改操作

最近學習easyui的datagrid資料表格,對資料表格的增刪改做一個筆記 檢視如下 要求:可進行多行的編輯修改,當點選儲存時一起儲存,可進行批量刪除,新增時當有選擇的行時,在該行下邊新增,當沒有選擇時,在首行新增,取消編輯時,所有沒儲存的資料回滾至修