jqgrid, wie Sie zum dynamischen erstellen von Spalten

Ich versuche zu implementieren ist ein jquery in mvc, es gibt ein paar tutorials rund um, aber ich will nicht, dass die jquery-die Spalten hart codiert (oder in der Tat etwas zu hart codiert - dies ist die Logik sollte das in der controller.

Also... betrachten Sie den code unten sehen Sie eine colNames und colModel: wie kann ich schreiben Sie diese so, dass ich in einer Schleife durch ein Modell, das hinzufügen einer Spalte an das grid für jede Spalte Element? Grösste Teil von essentually, was ich will, am Ende ist eine generische jqGrid Aussage, das einzige was sich ändert ist der code in den controller/s!

Query("#list").jqGrid({
    url: '/Home/GetMovieData/',
    datatype: 'json',
    mtype: 'GET',
    colNames: ['id', 'Movie Name', 'Directed By', 'Release Date', 'IMDB Rating', 'Plot', 'ImageURL'],
    colModel: [
        **{ name: 'id', index: 'Id', width: 55, sortable: false, hidden: true },
        { name: 'Movie Name', index: 'Name', width: 250 },
        { name: 'Directed By', index: 'Director', width: 250, align: 'right' },
        { name: 'Release Date', index: 'ReleaseDate', width: 100, align: 'right' },
        { name: 'IMDB Rating', index: 'IMDBUserRating', width: 100, align: 'right' },
        { name: 'Plot', index: 'Plot', width: 55, hidden: true },
        { name: 'ImageURL', index: 'ImageURL', width: 55, hidden: true}],**
    pager: jQuery('#pager'),
    rowNum: 5,
    rowList: [5, 10, 20],
    sortname: 'id',
    sortorder: "desc",
    height: '100%', 
    width: '100%',
    viewrecords: true,
    imgpath: '/Content/jqGridCss/redmond/images',
    caption: 'Movies from 2008'
});
Schreibe einen Kommentar