问题提出:
在ASP。网开发中,如果有这样的一个需求,如果在列表控件,如显示数据表格(一种控件)中的某列中显示的是一个计算公式得出的值,那么需求来了,鼠标移入该数字,显示该数字的计算公式和过程,如何做?
解决方案分析:
常规可以使用控件的标题属性来显示提示信息,但是显示信息的样式不美观。接下来我们可以使用这样的一个解决方案,其显示效果如下图所示:
详细实现步骤:1、下载弹出提示框相关射流研究…文件包,下载地址:http://下载。csdn。net/detail/满涛人/9083213
2、将下载的文件解压,讲整个popTips文件夹放到你的项目目录下去,比如放到射流研究…文件夹下。
3、在你需要的页面中引入相关文件,最主要的是以下几个文件:
链接href='./Js/pop tips/tip-黄色/tip-黄色。CSS“rel=”样式表'/脚本src='http:/Js/jquery-1。7 .2 .量滴Js '/script script src=' http :/Js/pop tips/jquery。波西提普。量滴js '/脚本4,页面中使用显示数据表格(一种控件)的话,我们可以使用模板列,如下所示:
asp:在owdatabound上的GridView ID=' GridView 1 '=' GridView 1 _ row data bound '允许分页=' True ' runat=' server ' AutoGenerateColumns=' False ' OnPageIndexChanging=' GridView 1 _ page indexchanging ' CellPadding=' 4 ' CSS类=' grid 1 ' EmptyDataText='无数显示页面大小=' 10 '宽度=' 99% '页眉样式-换行=' True '页眉样式背景颜色=' # 507 CD 1 '字体-粗体=' True '前颜色='白色'/列.asp: templatefield标头文本='折标煤br(千克标准煤)"项目样式-宽度=' 100px '标题样式-垂直对齐='中间'标题样式-水平对齐='居中'项目样式-水平对齐='居中'项目模板span id=' zbm '样式=' color : bluecursor : pointer ' runat=' server ' title=' % # showZBMGS(Eval(' DIAN ').托斯特林(),埃瓦尔(' RELI ').' ToString(),Eval('袁枚')。ToString(),Eval(' TIRQ ').ToString(),Eval('QIYOU ').ToString(),Eval(' CHAIYU ').ToString(),Eval('ZSNY ').ToString())% ' % # Eval(' ZBM ')%/span/item template/asp3360模板字段./Columns /asp:GridView 5、后台铯代码中增加一个方法
#地区折标煤计算公式显示2015-09-06 ///summary ///获取折标煤的计算公式////summary///param name=' Dian '/param///param name=' reli '/param///param name='袁枚/param///param name='天兰其/param///param name=' qiyou '/param///param name=' chayou '/param///param name=' zsny '/param///returns/returns公共字符串showZBMGS(string Dian,string reli,string袁枚,字符串天兰其,字符串qiyou,字符串qiyouparse(Dian)* 0.1229(double)。parse(reli)* 0.0341(double).解析(袁枚)* 0.7143(双精度)。解析(天兰奇)* 1.2143(双。解析(奇友)* 1.4714(双).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 '袁枚' * 0.7143 '天然漆' * 1.2143 '奇油' * 1.4714 '柴油* 1.4571 ' zsny ' * 1/br=';ZBMGS=数学。回合(zbm,2);返回#endregion 6,接下来在页面加载时,应用此信息提示,如下代码所示:
$(function () { //为控件增加信息提示2015-09-06 $ CB=$(' # %=这个.GridView 1。客户端id“% 1”).find(' span[id $=' zbm ']');$($cb).poshytip();});以上就是本文的全部内容,希望对大家有所帮助。