NFine框架中jqgrid增加多選操作

2022-02-10 05:18:34 字數 1794 閱讀 1270

於框架中沒有包含多選操作,一直想實現出來,今天改出來後發現專案中確實需要多選操作的地方不多,以後還是按需修改吧,保持整體風格的一致。由於使用了jqgrid的外掛程式,查了幾個api就搞定了,不多說,直接貼**,只貼需要更改的地方

<

style

type

="text/css"

>

/*多選框高度位置樣式,寬度額外增加 31

*/#gridlist tr td input[type=checkbox]

style

>

function

btn_details()

$.modalopen();

}

修改 framework-ui.js 檔案,新增兩個方法,在需要實現多選操作的頁面中呼叫。

//

多選模式下新增方法 獲取選中多選的值

$.fn.jqgridrowvaluemul = function

()

//

多選模式下新增方法

$.fn.datagridmul = function

(options) ;

var options =$.extend(defaults, options);

var $element = $(this

); options["onselectrow"] = function

() , 200);

//賦值判斷已選中多少項

var tempcount = $('#gridlist input[type=checkbox]:checked').length;

$(".first").find("span").text(tempcount);

} else

, 200);

}$operate.find('.close').click(function

() , 200);

})};

options["onselectall"] = function

() , 200);

//賦值判斷已選中多少項

var tempcount = $('#gridlist input[type=checkbox]:checked').length;

$(".first").find("span").text(tempcount);

} else

, 200);

}$operate.find('.close').click(function

() , 200);

})};

$element.jqgrid(options);

};

var $gridlist = $("#gridlist");

$gridlist.datagridmul(,,,

,,,,

,,},],

pager: "#gridpager",

multiselect: true,

sortname: 'goodsstyleid asc,f_sortcode asc',

viewrecords: true

});

預設修改和檢視不允許多選,彈框進行提示,對全選操作進行了勾選專案數量的賦值,剩下就是後台修改刪除的方法,相容帶 , 的引數進行操作。最後提醒還是要按需進行使用,不是每個頁面都需要或者適合多選操作。

關於jqGrid中的分組功能

jqgrid為資料提供了分組的功能,該分組可以根據相應的一列的資訊進行分組,同時也可以根據多列的資料進行分組。如圖 圖1 根據位址和年齡資訊進行分組並顯示每組中記錄的數量 grouping true,groupingview 條記錄 表頭顯示資料 每組中包含的資料量 groupcollapse fa...

搭建Android資料庫框架(增)

定義乙個idaoinf介面 public inte ce idaoinf實現乙個工廠類 public class daofactory file dbfile new file root,run.db mdatabase sqlitedatabase.openorcreatedatabase dbf...

jqgrid框架下數字用千分位顯示

有乙個需求,需要jqgrid中所有的數字用千分位顯示 千分位替換的 到是簡單 var num 234223423432 var reg d d g num num replace reg,問題是如何識別數字 之前改過原始碼,解決了空格的問題 在這個基礎上繼續修改 g function a,b,c,d...