【问题标题】:How to trigger the edit command on a RowSelect event of a Telerik grid?如何在 Telerik 网格的 RowSelect 事件上触发编辑命令?
【发布时间】:2011-05-01 21:13:34
【问题描述】:

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

@(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的编辑命令??? 返回假; }

【问题讨论】:

    标签: asp.net-mvc-3 razor telerik-grid telerik-mvc


    【解决方案1】:

    你可以试试这个:

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

    【讨论】:

    • 它有效,现在我看到了我的错误。而不是 grid.editRow($(e.row)),我正在尝试 grid.editRow(e.row)。
    【解决方案2】:

    我不能轻易尝试这个(我没有 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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-14
      • 1970-01-01
      • 2013-06-30
      • 2016-07-10
      • 1970-01-01
      • 2016-07-31
      • 2012-03-28
      • 1970-01-01
      相关资源
      最近更新 更多