easyUI小技巧-純乾貨
一、顯示分頁(pagination:true)情況下,隱藏每頁顯示的記錄條數的那個select(即pageList),下圖箭頭
onBeforeLoad:function(param){
$('#'+$(this)[0].id).datagrid('getPager').pagination({
showPageList:false
});
},
onLoadSuccess:function(data){
$('#'+$(this)[0].id).datagrid('getPager').pagination({
showPageList:false
});
}
方法2:
onBeforeLoad:function(param){
$('.pagination-page-list').hide();
},
onLoadSuccess:function(data){
$('.pagination-page-list').hide();
}
方法3:
css樣式:select.pagination-page-list{display:none}
方法4:
url:'。。。',
queryParams:{。。。},
});
寫在datagrid獲取資料url之後,
$("#dgOrderList").datagrid('getPager').pagination({showPageList: false
});
二、在第n頁,檢索,利用queryParams方法,datagrid組裝引數時,會自動新增page=n,而不會切換到第1頁
方法1:
$("#dgOrderList").datagrid({pageNumber:1,
url:url,
queryParams:{key:name,value:value}
});
方法2:用load方法
$dgOrderList.datagrid('load',param);//會自動新增&page=1&rows=。。
param為空物件時:$('#dgWorkers').datagrid('load',{});//會去除page、rows以外的引數,且置page=1
三、個人常用,mark一下
$.messager.confirm('提示','確定要刪除所選專案嗎?',function(r){
if (r){}})
四、linkbutton的disabled並不阻止事件,需要在事件中進行判斷
if($(this).linkbutton('options').disabled){
return false;
}
五、 dialog閃現問題。在一個頁面使用一個dialog,初始隱藏(closed="true"),但是在頁面重新整理的一瞬間,這個dialog會顯示出來,效果非常難看方法一:
<div style="display:none">
<div class="easyui-dialog"></div>
</div>
dialog用一個隱藏div包含起來,一個div包好幾個diglog也可以,顯示的時候直接dialog('open')就可以
方法二:
設定dialog的style display:none,然後在頁面載入完後再讓它display:block或show(),或者$('dialog').show().dialog('open')
六、顯示尾行合計(圖片與下文無關)
方法一,載入後在js中計算,但對formatter的列無效
//表格定義時顯示footer
showFooter:true,
//定義載入成功事件,列名:資料
onLoadSuccess:function(data){
$(this).datagrid('reloadFooter', [{
heJi:'合計',
tNo:compute(data.rows, "tNo"),
workhour:compute(data.rows, "workhour"),
pay:compute(data.rows, "pay"),
}]);
},
//定義合計函式
function compute(rows,colName) {
var total = 0;
for (var i = 0; i < rows.length; i++) {
total += parseFloat(isNaN(rows[i][colName])||$.trim(rows[i][colName])==''?0:rows[i][colName]);
}
return parseFloat(total.toFixed(2));
}
方法二、後臺返回一個footer行(PHP為例)
showFooter:true,
//footer行對應列要顯示的內容,如合計後的內容,可以加一個標識如footer,用於標明改行是footer內容,在formatter時可能會用到
$footer=array(array('heJi'=>'合計','tNo'=>$tNo,'workhour'=>$workhour,'pay'=>$pay,'footer'=>1));
//返回資料中以footer為鍵值
echo json_encode(array('code'=>1,'msg'=>'查詢成功','total'=>count($rows),'rows'=>$rows,'footer'=>$footer));
注:footer行的顯示同樣受formatter影響
七、獲得當前選中的tabs
相關推薦
easyUI小技巧-純乾貨
一、顯示分頁(pagination:true)情況下,隱藏每頁顯示的記錄條數的那個select(即pageList),下圖箭頭 方法1: onBeforeLoad:function(param){ $('#'+$(this)[0].id).datagrid('ge
EasyUi 小技巧
動態 appendto ons ret mbo value opened div ext 擴展datagrid:動態添加刪除editor //擴展datagrid:動態添加刪除editor jQuery.extend(jQuery.fn.data
easyUI小技巧(二)
1、使用tabs時,如果使用的不是url,而是content,則要嵌入iframe addTab({ title:node.text, closeable:true, content:‘<if
easyUI小技巧
一、顯示分頁(pagination:true)情況下,隱藏每頁顯示的記錄條數的那個select(即pageList),下圖 方法 onBeforeLoad:function(param){ $('#'+$(this)[0].i
必知的 15 個jQuery小技巧(乾貨)
1.返回頂部按鈕 你可以利用 animate 和 scrollTop 來實現返回頂部的動畫,而不需要使用其他外掛. $('a.top').click(function(){ $(document.body).animate({scrollTop:0},800)
【純幹貨、小技巧】遺忘MySQL用戶密碼怎麽辦?
set change 情況 社會 驗證 停止 top skip 希望 遺忘MySQL用戶密碼怎麽辦? 在信息化社會,充分有效地管理和利用各類信息資源,是進行科學研究和決策管理的前提條件。數據庫技術是管理信息系統、辦公自動化系統、決策支持系統等各類信息系統的核心部分,是進行科
乾貨:閱讀跟蹤 Java 原始碼的幾個小技巧!
今天跟大家分享一下我平時閱讀原始碼的幾個小技巧,對於閱讀Java中介軟體如Spring、Dubbo等框架原始碼的同學有一定幫助。 本文基於Eclipse IDE,我們每天都使用的IDE其實提供了很多強大的功能,掌握它們,往往能夠事半功倍。 1、Quick Type Hierarchy 快速檢視類繼承體
Docker 入門 只要這篇就夠了 (純乾貨適合0基礎小白)
與sgy一起開啟
#Java乾貨分享:兩分鐘瞭解日常程式設計中的小技巧,提高你的能力
1.return 一個空的集合,而不是 null 如果一個程式返回一個沒有任何值的集合,請確保一個空集合返回,而不是空元素。這樣你就不用去寫一大堆 ”if else” 判斷null元素。 如果有想學習java的程式設計師,可來我們的java學習扣qun:94311,1692免費送java的視
Python小白最基本的30個乾貨小技巧
過去小編分享過 一些給初學者的 Python 程式設計貼士 旨在優化程式碼並且減少編碼工作,我們的讀者仍舊很樂意閱讀它。 所以今天我們帶來另一些基本的 Python 貼士與技巧,所有的這些技巧都能幫助你壓縮程式碼並且優化執行。此外,你可以在日常工作中很容易地在真實專案中使
模仿也是提高,純css小技巧實現頭部進度條
剛開始的時候我也覺得不可能,但是就是這麼神奇,總有大神給你意想不到的驚喜。 快來感受一下把。(仔細看看頭部黃色條的變化) 思考一下啊,怎麼出現的那,其實作者使用了一點小技巧,那就是背景色漸變和遮擋產生的視覺效果。 再來欣賞一個圖片,大概你就明白了。 看到了把,其
純乾貨:微信小程式開發 初級篇
2019年1月份第一個系列 就講一下微信小程式開發的入門知識, 然後再穿插寫一些其他技術或思考的文章; 關於微信小程式的一些產品或商業的應用,我會在其他的文章中再做介紹。本文就從技術教程的角度給大家說一下初級篇系列的規劃,後面會持續將文章更新上來。
小技巧——整個頁面變為純黑白顯示(包括圖片和文字)
####廢話不多說,首先大家要知道有filter這麼一個css屬性 1、如果是單張圖片或單段文字變黑白的話只需在對應元素的css樣式中加如下程式碼即可: img,div{ -webkit-fil
easyUI的控制小技巧
//判斷是否生效function judegEffect(value){if(value==1){return "<font color='green'>生效</font>";}
【純乾貨分享】小公司出身的我,是如何拿下知名獨角獸公司offer的?
開發十年,就只剩下這套架構體系了! >>>
總結自己使用shell命令行經常使用到的8個小技巧
技巧 span get ash lan host tab localhost 沒有 原創blog,轉載請註明出處 Shell是命令解釋器 [[email protected]/* */ ~]# cat /etc/shells 查看本系統共支持哪些shel
胡扯一點代碼實現小技巧啦啦啦~ x
cnblogs ++ 利用 喜歡 代碼實現 ron 等價 -s size 一. for(int t=m; t; t--) a[++n] = b[t]; // 循環中間的 t:非零即真,遇到 t=0 才停下 int ans(0); // 效果等價於 ans=0
數組值去重-小技巧
!= 獲取 key 鍵值 () 小技巧 == 利用 tmp 把值存為數組的鍵,利用鍵的特性來進行對值的去重,然後再用array_keys獲取鍵值保存為新的數組即可達到去重的效果 $tmp_arr = array(); foreach ($key as $val) { $t
最強 Android Studio 使用小技巧和快捷鍵
面板 panel 讓其 駝峰 展示 tab鍵 所在 最有 初始 常用技巧 1. 書簽(Bookmarks) 描述:這是一個很有用的功能,讓你可以在某處做個標記(書簽),方便後面再跳轉到此處。 調用:Menu → Navigate → Bookmarks 快捷鍵: 添