如何:自定义编辑 Telerik 网格中的列名称和值

发布于 2024-12-07 18:36:23 字数 1047 浏览 0 评论 0原文

我是 MVC 和 Telerik 的新手,正在从事一个涉及它们的项目,目前面临的问题是: 我使用 teleirk 网格扩展,将网格方法(数据表)绑定到数据表:

<% var table = ViewData["NewDesigns"] as DataTable;

Html.Telerik() .Grid(table) .Name("oi") .Pageable(pager => pager.PageSize(100)) .Groupable() .Sortable() .Columns(columns => { columns.Bound(r =>; r.category).Title("类别"); }) .Render(); %>

网格显示正常,但我想做两件事:

  1. 将列名称更改为我的自定义标题/标题
  2. 在网格中打印之前, Eid 数据表内容: 例如:如果 id 列的值为“21”,我想将其打印为超链接 21

我花了时间在 telerik 帮助文件中并学到了很多东西,但无法找到答案其中,我希望这里有人能帮助我。

数据表对象:

    ordr    {myprod.Models.Orders}  myprod.Models.Orders addrss null    string cntact   null    string custmrNam    null    string dlivrdn  null    string dsignr   null    string dsignId  null    string mail null    string id   null    string rdrCd null   string rdrdn    null    string quantity null    string siz  null    string status   null    string ttalPric null    string twn  null    string usrId    null    string'

I am kind of a newbie to MVC and Telerik and working on a project that involves both of them, the problem am facing currently is:
Am using teleirk Grids extension with Grid Method (DataTable) bound to a DataTable:

<% var table = ViewData["NewDesigns"] as DataTable;

Html.Telerik() .Grid(table) .Name("oi") .Pageable(pager => pager.PageSize(100)) .Groupable() .Sortable() .Columns(columns => { columns.Bound(r => r.category).Title("Category"); }) .Render(); %>

The grid is being displayed fine but there are two things that I want to do:

  1. Change the column name to my custom heading/title
  2. Eid Datatable content before printing it in a grid:
    For e.g.: if id column has a value ‘21’, I want to print it in as hyper-link 21

I've spent time in telerik help files and learned a lot but not able to find answer of these, ld appericiate if someone here could help me out.

DataTable Object:

    ordr    {myprod.Models.Orders}  myprod.Models.Orders addrss null    string cntact   null    string custmrNam    null    string dlivrdn  null    string dsignr   null    string dsignId  null    string mail null    string id   null    string rdrCd null   string rdrdn    null    string quantity null    string siz  null    string status   null    string ttalPric null    string twn  null    string usrId    null    string'

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

素罗衫 2024-12-14 18:36:23

以下带有自定义标题和自定义模板的示例可能会有所帮助:

Html.Telerik()
    .Grid(table)
    .Name("ordersInum")
    .Columns(columns =>
    {
        columns.Bound(typeof(Int32), "ID").Title("Row ID").Template(Html.ActionLink(item.ID, "Detail", new { r.ID }));
        columns.Bound(typeof(string), "Name").Title("Product").Template(@<text>
                <img src="images/product.png" />
                @item.Name
            </text>);
        columns.Bound(typeof(Double), "Price").Title("Price in $");
        columns.Bound(typeof(DateTime?), "OrderDate").Format("{0:MM/dd/yyyy}").Width(80);
    })
    .Pageable(pager => pager.PageSize(100))
    .Groupable()
    .Sortable()
    .Render();

The following example with custom titles and custom templates might help:

Html.Telerik()
    .Grid(table)
    .Name("ordersInum")
    .Columns(columns =>
    {
        columns.Bound(typeof(Int32), "ID").Title("Row ID").Template(Html.ActionLink(item.ID, "Detail", new { r.ID }));
        columns.Bound(typeof(string), "Name").Title("Product").Template(@<text>
                <img src="images/product.png" />
                @item.Name
            </text>);
        columns.Bound(typeof(Double), "Price").Title("Price in $");
        columns.Bound(typeof(DateTime?), "OrderDate").Format("{0:MM/dd/yyyy}").Width(80);
    })
    .Pageable(pager => pager.PageSize(100))
    .Groupable()
    .Sortable()
    .Render();
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文