zoukankan      html  css  js  c++  java
  • 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这样一个完整的列提示就做完了,是否很简单,赶快尝试一下吧!!!

  • 相关阅读:
    sql当前行数据和之前行数据相加减循环处理
    Sql 查询库、表、列名的语句
    sql 特殊字符替换
    pandas 篇
    JAVA学习--面向对象的特征二:继承性
    JAVA学习--super使用
    JAVA学习--方法的参数传递
    JAVA学习--可变个数的形参的方法
    JAVA学习--面向对象思想的落地法则
    JAVA学习--方法的重载
  • 原文地址:https://www.cnblogs.com/BeyondWJsel/p/2393414.html
Copyright © 2011-2022 走看看