如何将文本附加到Jquery Grid的顶部

时间:2010-04-22 17:34:58

标签: jquery

这里是我用来附加文字的语法。

   $("#table").append("<span>Append some text here..</span>"); 

我有这样的观点

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<JQGridMVCExamples.Models.OrdersJqGridModel>" %>
<%@ Import Namespace="Trirand.Web.Mvc" %>
<%@ Import Namespace="JQGridMVCExamples.Models" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Performance Linq</title>    
    <script type="text/javascript" src="http://www.trirand.net/aspnetmvc/Scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="http://www.trirand.net/aspnetmvc/Scripts/jqgrid/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="http://www.trirand.net/aspnetmvc/Scripts/jqgrid/jquery.jqGrid.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://www.trirand.net/aspnetmvc/Content/themes/redmond/jquery-ui-1.7.1.custom.css" />
    <link rel="stylesheet" type="text/css" href="http://www.trirand.net/aspnetmvc/Content/themes/ui.jqgrid.css" />
</head>
<body>
    <div>           
        <%= Html.Trirand().JQGrid(Model.OrdersGrid, "JQGrid1") %>
    </div>
    <br /><br />
    <div>
        <% Html.RenderPartial("CodeTabs"); %>        
    </div>

</body>
</html>

我需要在视图中保留此附加内容,以便能够看到网格顶部的文本?

1 个答案:

答案 0 :(得分:0)

如果您尝试在表格上方注入<span>,则应使用jQuery的prepend而不是追加,并且您需要为目标div提供您正在使用的ID前置功能。<​​/ p>

所以你在哪里

<div>           
        <%= Html.Trirand().JQGrid(Model.OrdersGrid, "JQGrid1") %>
</div>

(假设这是你的目标div),做那个

<div id="table">           
        <%= Html.Trirand().JQGrid(Model.OrdersGrid, "JQGrid1") %>
</div>