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