実際にはまだ解決していない問題があります。何らかの理由で、Html.ActionLink で使用されているテキストを、変更、複製、公開、削除などの通常の操作のために WebGrid 内のボタンとして画像を使用する、より視覚的なデザインに置き換えるように要求されました。読書私は多くの方法を試しましたが、最終段階に至るものはありませんでした:
@{
var grid = new WebGrid(Model, new List<string>(), canPage: true, rowsPerPage: 5);
grid.Pager(WebGridPagerModes.NextPrevious);
@grid.GetHtml(tableStyle: "webGrid",
htmlAttributes: new { id = "DataTable" },
headerStyle: "header",
alternatingRowStyle: "alt",
columns:
grid.Columns(
grid.Column("Description", header: "Description"),
grid.Column("DateCreation", header: "Creation Date"),
grid.Column("CompanyOwner", header: "Company"),
grid.Column("Owner", header: "User"),
grid.Column("Status", header: "Status"),
grid.Column("Action", header: "Action",
format: (item) => @Url.Action("publish",
"PublishItem",
new { id = item.ID })))
);
}
これを行うには、ボタンを配置するために使用するアクション列を追加したエンティティへの linq で作成されたモデルから始めます。通常のテーブルで行ったように、画像をボタンとして機能させるにはどうすればよいですか。
<a href="@Url.Action("PublishPill", new { id = item.ID })">
<img src="../../Images/world_32px.png", alt="Edit" title="Publish" border="0" /></a>