jqGrid悬停功能 [英] jqGrid hover function
问题描述
我使用下面的javascript将帐号显示为屏蔽类型（例如：1234567890是我的帐号。它将在网格中显示为XXXXXX7890）。当鼠标移到该账号时，我想显示完整的账号，如1234567890.当再次从账号输出鼠标时，需要显示XXXXXX7890等屏蔽账号。
$（文件）.ready（function（）{
LoadJqGrid（）;
}）;
函数LoadJqGrid（）{
var fromDate = $（'[id $ = hdnStartDate]'）。val（）;
var toDate = $（'[id $ = hdnEndDate] '）.val（）;
if（fromDate == null）{
fromDate =' ';
}
if（toDate == null）{
toDate ='';
}
jQuery（ #jqgridViewReports）。jqGrid（{
url：'/ Handlers / ReportHandler.ashx？t = s&fromDate ='+ fromDate +'&toDate ='+ toDate +' '，
数据类型：'json'，mtype：'GET'，身高：'自动'，headertitles：true，
colNames：['AccountNumber'，'AccountHolder Name'，'FullAccountNumber']，
colModel：[{name：'AccountNumber'，index：'AccountNumber'，width：120，align：'left'，sortable：true，editable：false，resizable： true，edittype：text，
cellattr：function（rowId，val，rawObject，cm，rdata）{
返回'title ='+ rawObject.test +'';}}，
{name：'AccountHolder Name'，隐藏：true ，key：false}，
{name：'test'，index：'test'，hidden：true}，
]，
标题：查看报告，
rowNum：50 ，
宽度：'100％'，
hidegrid：false，
ignoreCase：true，
emptyrecords：'没有记录'，
loadonc e：true，
rowList：[5,10,20,50]，
viewrecords：真的，
寻呼机：'＃navViewReports'，
gridComplete：function（）{}，< br $> b $ b
loadComplete：function（）{}
}）。navGrid（'＃navViewReports'，{search ：true，编辑：false，add：false，del：false}）
};
在ReportsHandler中我使用下面的代码
private System.Data.DataTable FormattedDataTable（）
{< br $>
System.Data.DataTable dtSummary =（DataTable）.GetViewReport（FromDate，ToDate）;
系统.Data.DataTable dt = ConstructDataTable（）;
string maskchar =XXXXXXXXXXX;
string fullAccountNumber =;
if（dtSummary.Rows.Cou nt> 0）
{
foreach（dtSummary.Rows中的System.Data.DataRow drow）
{
DataRow dr = dt.NewRow（）;
dr [DecisionID] =卓尔[DecisionID];
fullAccountNumber = drow [ AccountNumber]。ToString（）;
dr [AccountNumber] = maskchar + fullAccountNumber.Substring（fullAccountNumber.Length - 4,4）;
dr [AccountHolderName] = drow [AccountHolderName];
dr [FullAccountNumber] =卓尔[AccountNumber];
dt.Rows.Add（dr）;
}
}
返回dt;
}
私人DataTable ConstructDataTable（）
{
DataTable dt = new DataTable（）;
dt.Columns。添加（新DataColumn（DecisionID））;
dt.Columns.Add（new DataColumn（AccountNumber））;
dt.Columns.Add（new DataColumn（AccountHolderName ））;
dt.Columns.Add（new DataColumn（FullAccountNumber））;
返回dt;
}
但是账户上的mouseover显示'undefined'。
请帮我解决这个问题。
提前致谢。
I am using below javascript for showing account numbers as masked type(e.g: 1234567890 is my account number. it will show like XXXXXX7890 in grid). I want to show full account number when mouse over to that account number like 1234567890. when mouse out from account number again need to show masked account number like XXXXXX7890.
$(document).ready(function () {
LoadJqGrid();
});
function LoadJqGrid() {
var fromDate = $('[id$=hdnStartDate]').val();
var toDate = $('[id$=hdnEndDate]').val();
if (fromDate == null) {
fromDate = '';
}
if (toDate == null) {
toDate = '';
}
jQuery("#jqgridViewReports").jqGrid({
url: '/Handlers/ReportsHandler.ashx?t=s&fromDate=' + fromDate + '&toDate=' + toDate + '',
datatype: 'json', mtype: 'GET',height: 'auto',headertitles: true,
colNames: ['AccountNumber','AccountHolder Name', 'FullAccountNumber'],
colModel: [ { name: 'AccountNumber',index: 'AccountNumber',width: 120,align: 'left',sortable: true,editable: false,resizable: true,edittype: "text",
cellattr: function (rowId, val, rawObject, cm, rdata) {
return 'title="' + rawObject.test + '"';}},
{ name: 'AccountHolder Name', hidden: true, key: false },
{ name: 'test', index: 'test', hidden: true },
],
caption: "View Report",
rowNum: 50,
width: '100%',
hidegrid: false,
ignoreCase: true,
emptyrecords: 'There are no records',
loadonce: true,
rowList: [5, 10, 20, 50],
viewrecords: true,
pager: '#navViewReports',
gridComplete: function () { },
loadComplete: function () { }
}).navGrid('#navViewReports', { search: true, edit: false, add: false, del: false })
};
In ReportsHandler i am using below code
private System.Data.DataTable FormattedDataTable()
{
System.Data.DataTable dtSummary = (DataTable).GetViewReport(FromDate, ToDate);
System.Data.DataTable dt = ConstructDataTable();
string maskchar = "XXXXXXXXXXX";
string fullAccountNumber = "";
if (dtSummary.Rows.Count > 0)
{
foreach (System.Data.DataRow drow in dtSummary.Rows)
{
DataRow dr = dt.NewRow();
dr["DecisionID"] = drow["DecisionID"];
fullAccountNumber = drow["AccountNumber"].ToString();
dr["AccountNumber"] = maskchar + fullAccountNumber.Substring(fullAccountNumber.Length - 4, 4);
dr["AccountHolderName"] = drow["AccountHolderName"];
dr["FullAccountNumber"] = drow["AccountNumber"];
dt.Rows.Add(dr);
}
}
return dt;
}
private DataTable ConstructDataTable()
{
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn("DecisionID"));
dt.Columns.Add(new DataColumn("AccountNumber"));
dt.Columns.Add(new DataColumn("AccountHolderName"));
dt.Columns.Add(new DataColumn("FullAccountNumber"));
return dt;
}
but mouseover on accountnumber shows 'undefined'.
Please help me to resolve this problem.
Thanks in advance.
推荐答案
（文件）.ready（function（）{
LoadJqGrid （）;
}）;
函数LoadJqGrid（）{
var fromDate =
(document).ready(function () {
LoadJqGrid();
});
function LoadJqGrid() {
var fromDate =
（'[id
= hdnStartDate]'）。val（）;
var toDate =
=hdnStartDate]').val();
var toDate =
这篇关于jqGrid悬停功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
