将jqGrid添加按钮直接添加到新页面

时间:2013-12-09 03:49:50

标签: c# jqgrid asp.net-mvc-5

我刚刚在我的网站上运行了jqGrid而我正在使用内置的navGrid,但我无法弄清楚如何在点击时将添加按钮转到新页面而不是弹出页面。我做了一些搜索但找不到任何东西。我现在的JS:

<script type="text/javascript">
$( document ).ready( function ()
{
    $( '#Sections' ).jqGrid( {
        url: '/Admin/Section/GridData',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['ID', 'RouteName', 'Title'],
        colModel: [
                    { name: 'ID', index: 'ID', align: 'left' },
                    { name: 'RouteName', index: 'RouteName', align: 'left' },
                    { name: 'Title', index: 'Title', align: 'left' }
        ],
        pager: $( '#SectionsPager' ),
        rowNum: 10,
        sortname: 'ID',
        sortorder: 'asc',
        viewrecords: true
    } ).navGrid(
       '#SectionsPager',
       //enabling buttons
       { add: true, del: false, edit: false, search: false },
       //edit options
       { width: 'auto' },
       //add options
       { width: 'auto', url: '/Admin/Section/Add' },
       //delete options
       {} );
} );

2 个答案:

答案 0 :(得分:0)

根据jqGrid的创建者,您无法修改默认添加按钮,但可以添加一个自定义按钮,该按钮将重定向到新页面。

来源:http://www.trirand.com/blog/?page_id=393/help/make-add-button-on-navigation-redirect-to-new-page/

答案 1 :(得分:-1)

试试这个(假设您的添加按钮ID为&#34; add_list&#34;)

$("#add_list").click(function() {
    document.location = "http://google.com";
});