1. 程式人生 > >jqgrid--自定義格式化

jqgrid--自定義格式化

    jQuery("#grid_id").jqGrid({    
      
    ...    
      
       colModel: [     
      
          ...     
      
          {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter},    
      
          ...    
      
       ]    
      
    ...    
      
    });    
      
         
      
    function currencyFmatter (cellvalue, options, rowObject)    
      
    {    
      
      // do something here    
      
       return new_format_value    
      
    }  

cellvalue:要被格式化的值
options:對資料進行格式化時的引數設定,格式為:
{ rowId: rid, colModel: cm}
rowObject:行資料

資料的反格式化跟格式化用法相似.

    jQuery("#grid_id").jqGrid({    
      
    ...    
      
       colModel: [     
      
          ...     
      
          {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter, unformat:unformatCurrency},    
      
          ...    
      
       ]    
      
    ...    
      
    });    
      
         
      
    function currencyFmatter (cellvalue, options, rowObject)    
      
    {    
      
         
      
       return "$"+cellvalue;    
      
    }    
      
    function  unformatCurrency (cellvalue, options)    
      
    {    
      
         
      
       return cellvalue.replace("$","");    
      
    }    

 表格中資料實際值為123.00,但是顯示的是$123.00; 我們使用getRowData ,getCell 方法取得的值是123.00。

建立通用的格式化函式

    <script type="text/javascript">    
      
    jQuery.extend($.fn.fmatter , {    
      
        currencyFmatter : function(cellvalue, options, rowdata) {    
      
        return "$"+cellvalue;    
      
    }    
      
    });    
      
    jQuery.extend($.fn.fmatter.currencyFmatter , {    
      
        unformat : function(cellvalue, options) {    
      
        return cellvalue.replace("$","");    
      
    }    
      
    });    
      
         
      
     </script>  

具體使用:

    jQuery("#grid_id").jqGrid({    
      
    ...    
      
       colModel: [     
      
          ...     
      
          {name:'price', index:'price', width:60, align:"center", editable: true, formatter:currencyFmatter},    
      
          ...    
      
       ]    
      
    ...    
      
    })  

相關推薦

jqgrid--定義格式化

jQuery("#grid_id").jqGrid({ ... colModel: [ ... {name:'price', index:'pri

jqGrid----定義jqGrid的rowid(colModel的key引數)

key boolean 如果從伺服器獲取的資料部包含id,可以通過此配置指定唯一id列。只有一列能指定此屬性,如果多列配置了這個屬性,第一個配置的生效,後續會被忽略。 false  1.建立jQgrid時,如果沒有

使用SimpleDateFormat定義格式化時間

有個需求,資料庫裡寫入的不是時間戳,而是這樣的時間 1980-01-01 00:00:00 SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String dateString

【WebAPI No.5】Core WebAPI中的定義格式化

介紹 Web API為JSON和XML提供媒體型別格式化程式。框架預設將這些格式化程式插入管道中。客戶端可以在HTTP請求的Accept標頭中請求JSON或XML. 格式化資料這個東西,其實沒有什麼最好的資料,要看各種場景,最適合才是最好的,不是說json就比xml好,容易解析什麼的等。 廢話不多說了,

JavaScript jqGrid定義表格底部導航+定義文字搜尋框實現

本文討論jqGrid如何實現自定義底部導航,在自定義底部導航中如何實現文字框搜尋,其中涉及的jqGrid資料載入、方法擴充套件本文不再贅述。簡單起見先看個案例。 1、頁面截圖 2、頁面程式碼 <!DOCTYPE html> <html> <he

IDEA定義格式化

在我們IDEA匯入自定義格式化xml檔案的時候IDEA出現以下錯誤  Eclipse XML Profile import failed with error message...  特記錄下來留作筆

《黑馬程式設計師》 日期Data類,日期格式化DateFormat,定義格式化SimpleDateFormat的使用

------- android培訓、java培訓、期待與您交流! ----------public static void main(String[] args) { // getOsDateInstance(); // testDate(); // testD

jqGrid細節備註—jqGrid定義格式,URL格式

cto cti 函數名 pan sortable mod 51cto show 對象 本文來自:http://cnn237111.blog.51cto.com/2359144/782137 jqGrid中自定義格式,URL格式 當官方自帶的showlink用起來不是十分

vue定義過濾器格式化時間為年、月、日、小時、分鐘、剛剛

color 進行 ges time log 格式化時間 lte seconds gets 首先需要在需要過濾的時間裏面添加一個過濾器 我這裏需要過濾的是item.time 然後需要在item.time後面添加自定義過濾的名稱 date 接下來就是需要定

Vue定義過濾器格式化數字三位加一逗號

() format 整數 pla div ring repl fixed mat <template> <div class="index-compont"> <div class="totalCount">{{num | Num

定義jqGrid編輯功能,當行獲取焦點時編輯,失去焦點時保存

rowkey table save 編輯功能 code com dpa ext turn 1 http://www.360doc.com/content/17/0719/15/9200790_672577533.shtml 2 /******************

VUE/使用echarts格式化浮窗定義按鈕及事件

注意看這一段程式碼    mounted() {             let that=this;       window.detal = function () { &n

jqGrid 單元格編輯 定義下拉選擇框 動態資料來源 通用實現

jqGrid編輯型別可分為:單元格編輯(Cell editing)、行內編輯(Inline editing)和表單編輯(Form editing),本文討論單元格編輯模式下,下拉選擇框的通用實現。jqGrid自帶下拉選擇框編輯型別,只要設定edittype='select’並設定editop

eclipse定義設定製表符為4個空格,設定格式化程式碼換行長度

因製表符在每個開發者工具或檔案編輯器可能格式不一致,這樣很可能造成本身開發工具格式程式碼很規整,到其他工具開啟後可能就會很亂,那麼需要把製表符自定義為幾個空格: window-preference進入設定介面 然後各種應用確定就可以了。 當我們formatter程式碼時

hive----定義UDF 函式-----時間格式化以及取出雙引號的程式碼

一.UDF的描述 使用者自定義函式(UDF)是一個允許使用者擴充套件HiveQL的強大的功能。使用者可以使用Java編寫自己的UDF,一旦將使用者自定義函式加入到使用者會話中(互動式的或者通過指令碼執行的),它們就將和內建的函式一樣使用,甚至可以提供聯機幫助。

jqGrid 條件編輯、條件樣式、定義錯誤驗證處理

  可以利用jqGrid的isCellEditable函式實現表格行或單元格的條件編輯,利用colMode的formatter實現表格行或單元格的條件樣式,重寫info_dialog實現驗證錯誤資訊自定義顯示。一個DEMO,看看具體如何實現。 1、頁面截圖 2、頁面程式碼

vscode中使用beautify外掛格式化vue檔案(定義快捷鍵)

1. 先安裝外掛beautify 2.  開啟設定 => 搜尋 beautify.language  3.  配置 json 就行了   具體使用(可忽略,可不配置)  1.在工作目錄下

Spring Boot(四):利用註解定義日期格式化

在日期的格式化過程中,我們有時候需要將日期格式化到秒或者微妙,有時候又僅僅需要將日期格式化到日期,所以定義全域性的日期格式化肯定難以滿足需求,這時就需要一種更靈活的方法。 在Spring Boot對JSON的處理類中,定義了annotationIntrospe

SpringMVC新增定義註解格式化資料

遇到一個問題 介面傳入開始時間、結束時間,格式為yyyyMMdd,要求查詢的資料必須用給定的時間段進行過濾。 比如 http://127.0.0.1:8095/iportal-dev/v1/sms/sending/list?stime=20161001

jqGrid定義下拉框

目的:使用者表中的負責人,做成下拉框模式,下拉框的選項為負責人中的資料。 1.首先js獲取負責人資料(陣列格式) var g_ary=[]; var g_fpid=null; $(