RDIFramework.NET框架Web中datagrid與treegrid控件自動生成右鍵菜單與列標(biāo)題右鍵菜單
在實(shí)際應(yīng)用中常可以看到數(shù)據(jù)展示控件有右鍵菜單的功能,對應(yīng)的列標(biāo)題也可以右鍵彈出快捷菜單設(shè)置指定列的顯示與隱藏等功能。在我們的RDIFramework.NET Web框架中,只要是使用了EasyUI的DataGrid與TreeData控件我們已經(jīng)做了擴(kuò)展,所有datagrid與treegrid控件都自動擁有了列標(biāo)題右鍵彈出快捷菜單設(shè)置指定列的顯示與隱藏的功能。
1、對于datagrid數(shù)據(jù)列表區(qū)域的右鍵彈出菜單只需要設(shè)置EasyUI的“onRowContextMenu”屬性為:pageContextMenu.createDataGridContextMenu即可。
2、對于treegrid數(shù)據(jù)列表區(qū)域的右鍵彈出菜單只需要設(shè)置EasyUI的“onContextMenu”屬性為:pageContextMenu.createTreeGridContextMenu即可。
后面會給出參考代碼。下面就是兩個右鍵菜單的展示效果。

DataGrid參考Js代碼如下:
$('#list').datagrid({
url: actionURL + 'GridPageListJson',
toolbar: '#toolbar',
title: "產(chǎn)品列表",
iconCls: 'icon16_table',
width: winSize.width,
height: winSize.height,
nowrap: false, //折行
rownumbers: true, //行號
striped: true, //隔行變色
idField: 'ID',//主鍵
singleSelect: true, //單選
sortName: 'CREATEON',
sortOrder: 'DESC',
onRowContextMenu: pageContextMenu.createDataGridContextMenu,
onDblClickRow:function(rowIndex, rowData){
document.getElementById('a_edit').click();
},
frozenColumns: [[
{ field: 'ck', checkbox: true },
{ title: '產(chǎn)品編碼', field: 'PRODUCTCODE', width: 150 },
{ title: '產(chǎn)品名稱', field: 'PRODUCTNAME', width: 300 }
]],
columns: [[
{ title: '主鍵', field: 'ID', width: 120, hidden: true },
{ title: '產(chǎn)品型號', field: 'PRODUCTMODEL', width: 150 },
{ title: '產(chǎn)品規(guī)格', field: 'PRODUCTSTANDARD', width: 75 },
{ title: '產(chǎn)品類別', field: 'PRODUCTCATEGORY', width: 70 },
{ title: '產(chǎn)品單位', field: 'PRODUCTUNIT', width: 63 },
{ title: '基準(zhǔn)價', field: 'MIDDLERATE', width: 60 },
{ title: '基準(zhǔn)系數(shù)', field: 'REFERENCECOEFFICIENT', width: 60 },
{ title: '單價', field: 'PRODUCTPRICE', width: 60 },
{ title: '批發(fā)價', field: 'WHOLESALEPRICE', width: 60 },
{ title: '促銷價', field: 'PROMOTIONPRICE', width: 60 },
{ title: '內(nèi)部價', field: 'INTERNALPRICE', width: 60 },
{ title: '特別價', field: 'SPECIALPRICE', width: 60 },
{
title: '作廢標(biāo)志', field: 'ENABLED', width: 56,
align: 'center',
formatter: function (v, d, i) {
return '<img src="../../Content/Styles/icon/bullet_' + (v ? "tick.png" : "minus.png") + '" />';
}
},
{ title: '產(chǎn)品描述', field: 'PRODUCTDESCRIPTION', width: 200 }
]],
pagination: true,
pageSize: 20,
pageList: [20, 10, 30, 50],
onLoadSuccess: function (data) {
var panel = $(this).datagrid('getPanel');
var tr = panel.find('div.datagrid-body tr');
refreshCellsStyle(tr);
var trHead = panel.find('div.datagrid-header tr');
trHead.each(function () {
var tds = $(this).children('td');
tds.each(function () {
$(this).find('span,div').css({ "font-size": "14px" });
});
});
}
});
TreeGrid參考Js代碼如下:
$('#organizeGrid').treegrid({
toolbar: '#toolbar',
width: winsize.width,
height: winsize.height,
nowrap: true,
rownumbers: true,
animate: true,
resizable: true,
collapsible: false,
onContextMenu: pageContextMenu.createTreeGridContextMenu,
url: '/FrameworkModules/OrganizeAdmin/GetOrganizeTreeJson',
idField: 'Id',
treeField: 'FullName',
onDblClickRow:function(row){
document.getElementById('btnEdit').click();
},
frozenColumns: [[
{ title: '名稱', field: 'FullName', width: 200 },
{ title: '編碼', field: 'Code', width: 100 }
]],
columns: [[
{ title: '簡稱', field: 'ShortName', width: 120 },
{ title: '主負(fù)責(zé)人', field: 'Manager', width: 70, align: 'center' },
{ title: '電話', field: 'OuterPhone', width: 100, align: 'center' },
{ title: '傳真', field: 'Fax', width: 100, align: 'center' },
{ title: '有效', field: 'Enabled', width: 50, align: 'center', formatter: imgcheckbox },
{ title: '排序', field: 'SortCode', width: 80, align: 'center' },
{ title: '備注', field: 'Description', width: 300 }
]]
});
相關(guān)文章列表:
RDIFramework.NET — 基于.NET的快速信息化系統(tǒng)開發(fā)框架 — 系列目錄
一路走來數(shù)個年頭,感謝RDIFramework.NET框架的支持者與使用者,大家可以通過下面的地址了解詳情。
RDIFramework.NET官方網(wǎng)站:http://www.rdiframework.net/
RDIFramework.NET官方博客:http://blog.rdiframework.net/
同時需要說明的,以后的所有技術(shù)文章以官方網(wǎng)站為準(zhǔn),歡迎大家收藏!
RDIFramework.NET框架由專業(yè)團(tuán)隊(duì)長期打造、一直在更新、一直在升級,請放心使用!
歡迎關(guān)注RDIFramework.net框架官方公眾微信(微信號:guosisoft),及時了解最新動態(tài)。
掃描二維碼立即關(guān)注

作者:
RDIF
出處:
http://www.rzrgm.cn/huyong/
Email:
406590790@qq.com
QQ:
406590790
微信:
13005007127(同手機(jī)號)
框架官網(wǎng):
http://www.guosisoft.com/
http://www.rdiframework.net/
框架其他博客:
http://blog.csdn.net/chinahuyong
http://www.rzrgm.cn/huyong
國思RDIF開發(fā)框架
,
給用戶和開發(fā)者最佳的.Net框架平臺方案,為企業(yè)快速構(gòu)建跨平臺、企業(yè)級的應(yīng)用提供強(qiáng)大支持。
關(guān)于作者:系統(tǒng)架構(gòu)師、信息系統(tǒng)項(xiàng)目管理師、DBA。專注于微軟平臺項(xiàng)目架構(gòu)、管理和企業(yè)解決方案,多年項(xiàng)目開發(fā)與管理經(jīng)驗(yàn),曾多次組織并開發(fā)多個大型項(xiàng)目,在面向?qū)ο蟆⒚嫦蚍?wù)以及數(shù)據(jù)庫領(lǐng)域有一定的造詣。現(xiàn)主要從事基于
RDIF
框架的技術(shù)開發(fā)、咨詢工作,主要服務(wù)于金融、醫(yī)療衛(wèi)生、鐵路、電信、物流、物聯(lián)網(wǎng)、制造、零售等行業(yè)。
如有問題或建議,請多多賜教!
本文版權(quán)歸作者和CNBLOGS博客共有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,如有問題,可以通過微信、郵箱、QQ等聯(lián)系我,非常感謝。

浙公網(wǎng)安備 33010602011771號