Model view controller Telerik MVC网格-跨越所有页脚单元格

我试图找到一种方法来创建一个页脚，它将跨越Telerik MVC网格中的所有列

---

我尝试过这些模板，但它们只跨指定给它们的列。。。有什么想法吗？

据我所见，Telerik MVC网格中的页脚模板仅为每列。没有可以用来完全控制页脚的属性

在Telerik发布具有此功能的未来版本之前，我建议您在网格的OnLoad事件上使用javascript构建自己的页脚。有不同的方法来实现这一点。下面的示例使用jQuery+

请注意，此示例仅在网格处于Ajax模式时有效。这是因为在Ajax或服务器模式下使用Telerik MVC网格呈现的html代码是不同的如果在服务器模式下使用网格，请查看网格呈现的html语法，以调整javascript代码

网格定义 加载函数

函数OnLoad（e）
{
var gridContent=$（“.t-grid-content”，this）；
$（“#gridFooterTemplate”）.tmpl（）.insertAfter（gridContent）；
}

jQuery模板

这是页脚

更新。。。。 不得不摆弄输出，工作相当顺利。
在thead之前添加了一个tfoot：

<script type="text/javascript">  
    function OnLoad(e) {  
        var gridContent = $(".t-grid-header", this);  
        $("#gridFooterTemplate").tmpl().insertBefore(gridContent);  
    }
</script>  

<script id="gridFooterTemplate" type="text/x-jquery-tmpl">   
        <tfoot class="t-footer-template">  
        <tr>  
            <td colspan="7"><span style="padding-top: 5px; font-size: .8em;">* Test Type: P = Pre-Test, O = Post Test, A= Anomalous</span></td>  
        <tr/>  
        </tfoot>
</script>

函数OnLoad（e）{
var gridContent=$（“.t-grid-header”，this）；
$（“#gridFooterTemplate”）.tmpl（）.insertBefore（gridContent）；
}
*测试类型：P=测试前，O=测试后，A=异常

将尝试一下并让您知道，谢谢您的帮助。我甚至没有想过使用jQuery模板，现在似乎是使用它们的最佳时机。

<script type="text/javascript">
    function OnLoad(e)
    {
        var gridContent = $(".t-grid-content", this);
        $("#gridFooterTemplate").tmpl().insertAfter(gridContent);
    }
</script>

<script id="gridFooterTemplate" type="text/x-jquery-tmpl"> 
    <div class="t-grid-footer">
        <div class="t-grid-footer-wrap">
            <table cellspacing="0">
                <colgroup>
                    <col colspan="2">
                </colgroup>
                <tbody>
                    <tr class="t-footer-template">
                        <td>this is the footer</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</script>

<script type="text/javascript">  
    function OnLoad(e) {  
        var gridContent = $(".t-grid-header", this);  
        $("#gridFooterTemplate").tmpl().insertBefore(gridContent);  
    }
</script>  

<script id="gridFooterTemplate" type="text/x-jquery-tmpl">   
        <tfoot class="t-footer-template">  
        <tr>  
            <td colspan="7"><span style="padding-top: 5px; font-size: .8em;">* Test Type: P = Pre-Test, O = Post Test, A= Anomalous</span></td>  
        <tr/>  
        </tfoot>
</script>