1. 程式人生 > >easyUI小技巧-純乾貨

easyUI小技巧-純乾貨

一、顯示分頁(pagination:true)情況下,隱藏每頁顯示的記錄條數的那個select(即pageList),下圖箭頭


方法1:
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:

$("#dgOrderList").datagrid({
    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

1、 var index=$('#tabs').tabs('getTabIndex',$('#tabs').tabs('getSelected')); //從0開始 2、tabs的onSelect改變一個全域性變數的值,用於標記選中的tab




相關推薦

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的視

CSDN遮蔽測試 Docker 入門 只要這篇就夠了 (乾貨適合0基礎白)

                        博文內容之前發表

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 快捷鍵: 添