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

  • 相关阅读:
    【模板小程序】链表排序(qsort/insert_sort/merge_sort)
    链表回文判断(C++)
    【模板小程序】十进制大数除法(输出商和余数)
    【模板小程序】字符串截取
    【模板小程序】翻转一个句子中的单词
    web前端基础背景
    MongoDB基本知识(补充)
    Python-ORM
    Python-元编程
    ElementUI 中 el-table 获取当前选中行的index
  • 原文地址:https://www.cnblogs.com/BeyondWJsel/p/2393414.html
Copyright © 2011-2022 走看看