开发者

How to pass values from Jqgrid onselect row to another grid

I have to get value from Jqgrid Selected row and populate one more grid with datas based on the selected value from the master grid. I dont want to use master detail or subgrdi in Jqgrid. Since I am using MVC, is there any way to populate the second jqgrid in one more view? I am not able to get the column value on selected row to post it to the second grid.

here is my code

$(document).ready(function() {   
    $("#UBSImageList").jqGrid({
        url: '<%= Url.Content("~/UpdateBatchStatus/UBSDataJson/") %>',   
        datatype: "json",
        mtype: 'POST',
        colNames: ['BatchImageName'],
        colModel: [
            {name:'BatchImageName', index:'BatchImageName', align: 'left', width: 40, editable: false ,sortable: true}
        ],
        rowNum: 20,
        rowList: [10, 20, 30, 50],
        pager: jQuery('#UBSImagePager'),
        viewrecords: true,
        imgpath: '<%= Url.Content("~/Content/Scripts/themes/basic/images")%>', 
        sortname: 'BatchImageName',
        sortorder: "asc",
        autowidth: true,
        caption: 'Client Pay开发者_JS百科or Group',
        height: 350
    }); 

    $('#UBSImageList').setGridParam({
        onSelectRow: function(id) {                   
            window.location = '/UpdateBatchStatus/Details?id=' + id;    
        }
    });
}


You can get rows on server with the following code. From here you can check how to populate the second jqgrid.

<script type="text/javascript">
    $(document).ready(function(){
    var grid = jQuery("#Jqgrid1");
    jQuery("#m1").click( function() { 
        var s; 
        var rowcells=new Array();
        s = grid.getGridParam('selarrrow'); 
        //alert(s);
        if(s.length)
        {
            for(var i=0;i<s.length;i++)
            {
                var entirerow = jQuery("#Jqgrid1").jqGrid('getRowData',s[i]);
                rowcells.push($.param(entirerow));

            }
        }
        $.ajax({
            url: "/jqSubGrid.aspx",
            type: "POST",
            data: rowcells.join('||'),
            success: function(html) {
                alert(html);    
            }
        });
    }); 
});
</script>

<a href="javascript:void(0)" id="m1">Get Selected rows</a> 
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜