如何在 Telerik 网格的 RowSelect 事件上触发编辑命令?

发布于 2024-11-04 14:27:44 字数 1184 浏览 5 评论 0原文

我在 MVC3 项目上有一个 Telerik Grid,带有 Razor 布局引擎,弹出编辑模式工作正常。这是网格代码:

@(Html.Telerik().Grid(Model)
    .Name("grid-moedas")
    .DataKeys(keys => keys.Add(m => m.ID))
    .Columns(columns =>
    {
        columns.Bound(m => m.Nome);
        columns.Bound(m => m.Simbolo);
        columns.Bound(m => m.ExtensoNoSingular);
        columns.Bound(m => m.ExtensoNoPlural);
        columns.Command(commands =>
        {
            commands.Edit();
        });   
    })
        .DataBinding(dataBinding =>
        {
            dataBinding.Ajax().Select("AjaxGrid", "Moeda");
            dataBinding.Ajax().Update("AjaxEdit", "Moeda");
        })
    .Sortable()
    .Editable(editing => editing.Mode(GridEditMode.PopUp))
    .Pageable(paging =>
            paging.Style(GridPagerStyles.NextPreviousAndInput)
    )
    .Footer(true)
    .ClientEvents(events => events            
            .OnRowSelect("onRowSelect")
    )
    .Selectable()
)

我想要两件事:

  1. 隐藏为网格上每行生成的按钮
  2. 在 OnRowSelect 事件上调用编辑命令,因此将调用编辑弹出表单以响应用户单击一行.

    函数 onRowSelect(e) { //如何调用e.row的编辑命令??? 返回假; }

I have a Telerik Grid on a MVC3 project with Razor layout engine with the popUp edit mode working fine. Here is the grid code:

@(Html.Telerik().Grid(Model)
    .Name("grid-moedas")
    .DataKeys(keys => keys.Add(m => m.ID))
    .Columns(columns =>
    {
        columns.Bound(m => m.Nome);
        columns.Bound(m => m.Simbolo);
        columns.Bound(m => m.ExtensoNoSingular);
        columns.Bound(m => m.ExtensoNoPlural);
        columns.Command(commands =>
        {
            commands.Edit();
        });   
    })
        .DataBinding(dataBinding =>
        {
            dataBinding.Ajax().Select("AjaxGrid", "Moeda");
            dataBinding.Ajax().Update("AjaxEdit", "Moeda");
        })
    .Sortable()
    .Editable(editing => editing.Mode(GridEditMode.PopUp))
    .Pageable(paging =>
            paging.Style(GridPagerStyles.NextPreviousAndInput)
    )
    .Footer(true)
    .ClientEvents(events => events            
            .OnRowSelect("onRowSelect")
    )
    .Selectable()
)

I wanna two things:

  1. Hide the buttons generated for each row on the grid
  2. Call the edit command on the OnRowSelect event, so the editing popUp form will be called in response to the user click on a row.

    function onRowSelect(e) {
    //how to call edit command for e.row???
    return false;
    }

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

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

发布评论

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

评论(2

冷心人i 2024-11-11 14:27:48

我不能轻易尝试这个(我没有 Telerik 控件),但这有什么用:

<script type="text/javascript">
    function OnRowClick(sender, args) {
        var masterTable = sender.get_masterTableView();
        masterTable.fireCommand("Edit", args.get_itemIndexHierarchical())
    }
</script>

取自这里: http://www.telerik.com/community/forums/aspnet-ajax/grid/grid-edit-on-row-select.aspx#1405657

I can't easily try this (I don't have the Telerik controls), but is this of any use:

<script type="text/javascript">
    function OnRowClick(sender, args) {
        var masterTable = sender.get_masterTableView();
        masterTable.fireCommand("Edit", args.get_itemIndexHierarchical())
    }
</script>

Taken from here: http://www.telerik.com/community/forums/aspnet-ajax/grid/grid-edit-on-row-select.aspx#1405657

著墨染雨君画夕 2024-11-11 14:27:47

你可以试试这个:

<script>
   function onRowSelect(e) {
       var grid = $(this).data("tGrid");
       grid.editRow($(e.row));
   }
</script>

You can try this:

<script>
   function onRowSelect(e) {
       var grid = $(this).data("tGrid");
       grid.editRow($(e.row));
   }
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文