我要评论问题提出：
在asp.net开发中，如果有这样的一个需求，如果在列表控件，如gridview中的某列中显示的是一个计算公式得出的值，那么需求来了，鼠标移入该数字，显示该数字的计算公式和过程，如何做？
解决方案分析：
常规可以使用控件的title属性来显示提示信息，但是显示信息的样式不美观。接下来我们可以使用这样的一个解决方案，其显示效果如下图所示：
详细实现步骤：
1、下载弹出提示框相关js文件包，下载地址：
2、将下载的文件解压，讲整个poptips文件夹放到你的项目目录下去，比如放到js文件夹下。
3、在你需要的页面中引入相关文件，最主要的是以下几个文件：
<link href="../js/poptips/tip-yellow/tip-yellow.css" rel="stylesheet" /> <script src="../js/jquery-1.7.2.min.js"></script> <script src="../js/poptips/jquery.poshytip.min.js"></script>
4、页面中使用gridview的话，我们可以使用模板列，如下所示：
<asp:gridview id="gridview1" onrowdatabound="gridview1_rowdatabound" allowpaging="true"
runat="server" autogeneratecolumns="false" onpageindexchanging="gridview1_pageindexchanging"
cellpadding="4" cssclass="grid1" emptydatatext="无数显示" pagesize="10"
width="99%" headerstyle-wrap="true">
<headerstyle backcolor="#507cd1" font-bold="true" forecolor="white" />
<columns>
...
<asp:templatefield headertext="折标煤<br>（千克标准煤）" itemstyle-width="100px" headerstyle-verticalalign="middle" headerstyle-horizontalalign="center" itemstyle-horizontalalign="center">
<itemtemplate>
<span id="zbm" style="color:blue; cursor:pointer;" runat="server" title='<%#showzbmgs(eval("dian").tostring(),eval("reli").tostring(),eval("yuanmei").tostring(),eval("tianrq").tostring(),eval("qiyou").tostring(),eval("chaiyou").tostring(),eval("zsny").tostring()) %>'><%# eval("zbm") %></span>
</itemtemplate>
</asp:templatefield>
...
</columns>
</asp:gridview>
5、后台cs代码中增加一个方法
#region 折标煤计算公式显示 2015-09-06
/// <summary>
/// 获取折标煤的计算公式
/// </summary>
/// <param name="dian"></param>
/// <param name="reli"></param>
/// <param name="yuanmei"></param>
/// <param name="tianranqi"></param>
/// <param name="qiyou"></param>
/// <param name="chaiyou"></param>
/// <param name="zsny"></param>
/// <returns></returns>
public string showzbmgs(string dian, string reli, string yuanmei, string tianranqi, string qiyou, string chaiyou, string zsny)
{
double zbm = ((double.parse(dian) * 0.1229) + (double.parse(reli) * 0.0341) + (double.parse(yuanmei) * 0.7143) + (double.parse(tianranqi) * 1.2143) + (double.parse(qiyou) * 1.4714) + (double.parse(chaiyou) * 1.4571) + (double.parse(zsny) * 1)) * 10;
zbmgs = "折标煤 = 电 * 0.1229 + 热力 * 0.0341 + 原煤 * 0.7143 + 天然气 * 1.2143 + 汽油 * 1.4714 + 柴油 * 1.4571 + 再生能源 * 1</br>=";
zbmgs += dian + "* 0.1229+" + reli + " * 0.0341+" + yuanmei + " * 0.7143+" + tianranqi + "* 1.2143+" + qiyou + " * 1.4714+" + chaiyou + " * 1.4571+" + zsny + " * 1</br>=";
zbmgs += math.round(zbm, 2);
return zbmgs;
}
#endregion
6、接下来在页面加载时，应用此信息提示，如下代码所示：
$(function () {
//为控件增加信息提示 2015-09-06
$cb = $('#<%=this.gridview1.clientid%>').find('span[id$="zbm"]');
$($cb).poshytip();
});
以上就是本文的全部内容，希望对大家有所帮助。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论