选择列组

Question

我有一个包含一些列和数据的表（在asp.net mvc 3 View中显示）。 我想选择一组列，然后传递并将这些列及其数据显示到另一个视图。

我该怎么做？

这是我的代码

$(document).ready(function () {
    $('#Container').jtable({            
        actions: {
            listAction: '@Url.Action("ShowList")'
        },
        fields: {
            ID: {
                key: true,
                create: false,
                edit: false,
                list: false
            },
            Name: {
                title: 'Name',
                width: '23%'
            },
            IsActive: {
                title: 'Active',
                width: '23%'
            }                
        }
    });

    $('#Container').jtable('load');
});

Answer 1

这样做的简单方法。只需添加一个多选列表，允许用户选择多个选项。然后获取选项的值并将它们传递给视图

以下是一些代码：

//add multiselect list
<select multiple="multiple" class="selc">
        <option value="Product">Product</option>
        <option value="Category">Category</option>
        <option value="Quantity">Quantity</option>
        <option value="UnitPrice">Unit Price</option>
        <option value="Total">Total</option>
 </select>
 <input type="button" id="btn" value="Click me" />

//add some script to get values
$(function () {
    $('#btn').click(function () {
        var s = $('.selc').val();            
        $('#view2').empty();
        LoadPage(s);
    });
});

function LoadPage(arr) {
    $('#view2').append('<iframe id="frame1" width="100%" height="420" frameborder="0"></iframe>');
    $('iframe#frame1').attr('src', '../Home/Page.aspx?s=' + arr);
}

任何更好的解决方案？