声明:此例子适合做类似说明的详细信息,比如说鼠标悬浮到试题标题上,能够通过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这样一个完整的列提示就做完了,是否很简单,赶快尝试一下吧!!!

 

相关文章:

  • 2021-06-11
  • 2022-01-22
  • 2021-09-14
  • 2021-12-04
  • 2021-11-21
  • 2022-12-23
  • 2021-06-02
猜你喜欢
  • 2021-07-29
  • 2022-12-23
  • 2022-12-23
  • 2021-09-11
  • 2021-08-23
  • 2021-12-12
相关资源
相似解决方案