GridView 上超棒、超简单的具体详细提示?

声明:此例子适合做类似说明的详细信息,比如说鼠标悬浮到试题标题上,能够通过tooltip显示出试题的基本内容信息。具体做法如下:

1、页面导入Jquery的js文件,一个是jquery的核心js另一个是jquery的tooptip插件js。分别为:jquery.js和jtip.js。

2、需要写一个ashx文件,处理请求获取展示的内容信息。

3、页面通过asp:HyperLink控件展示信息

部分代码如下:

aspx:

 引用信息:

     <script type="text/javascript" src="http://www.cnblogs.com/JS/jQuery/jquery.js"></script>    

     <script src="http://www.cnblogs.com/JS/jQuery/tip/jtip.js" type="text/javascript"></script>

 gridview中某列的展示信息:

            <asp:TemplateField HeaderText="标题" SortExpression="Title">                

                   <ItemTemplate>                   

                         <asp:HyperLink CssClass="jTip" NavigateUrl='<%# String.Format("~/WebAjax/QuestionPreview.ashx?QuestionID={0}&DT={1}",Eval("DraftQuestionId"),DateTime.Now.ToString("yyyyMMddHHmmss")) %>'                                             ID="HypQuestionTitle" ToolTip="试题快速预览" runat="server" Text='<%#Open.Framework.StringUtility.GetShortString(Eval("Title").ToString(),Convert.ToInt32("15")) %>'>                   

                        </asp:HyperLink>             

                  </ItemTemplate>            

            </asp:TemplateField>

QuestionPreview.ashx:

      mStrQuestionContent =String.Empty;  //获取展示的信息

       try {    

                mStrQuestionContent ="查询所得到的具体信息!";

             }   catch (Exception e)         {             mStrQuestionContent = e.Message.ToString();         }        

       context.Response.ContentType = "text/plain";        

       context.Response.Write(mStrQuestionContent);

OK这样一个完整的列提示就做完了,是否很简单,赶快尝试一下吧!!!

原文地址:https://www.cnblogs.com/BeyondWJsel/p/2393414.html