Tuesday, May 15, 2012

web grid for Razor mvc3


@{
    var grid = new WebGrid(source: Model,
                                           defaultSort: "Title",
                                           rowsPerPage: 10, fieldNamePrefix: "wg_",
                                           canPage: true, canSort: true,
                                           pageFieldName: "pg", sortFieldName: "srt"
                                           );
}
@grid.GetHtml(tableStyle: "listing-border", headerStyle: "gridhead", footerStyle: "paging", rowStyle: "td-dark", alternatingRowStyle: "td-light",
                            columns:
                                grid.Columns(
                                                      grid.Column("SHIFT_CD", "Shift Code", style: "colFirstName"),
                                                      grid.Column("SHIFT_DESC", "Shift Description", style: "colFirstName"),
                                                      grid.Column("SHORT_NM", "Short Name", style: "colFirstName"),
                                                      grid.Column("SHIFT_SEQ", "Sequence No", style: "colFirstName"),
                                                      grid.Column("SHIFT_FM", "Start Time", style: "colFirstName"),
                                                      grid.Column("SHIFT_TO", "End Time", style: "colFirstName"),
                                                 
      grid.Column(header: "Edit", format: @
                        Edit Record, style: "colOperation"),
                                    grid.Column(header: "Delete", format: @
                                        src="../../Content/images/delete.ico" alt="Delete Record" width="20px" height="20px"
                                        style="border: none;" />, style: "colOperation")
                                ),  mode: WebGridPagerModes.Numeric)
       

No comments:

Post a Comment