如何从特定选定行的事件发件人数据中获取模型数据?

时间:2015-04-24 18:39:49

标签: javascript c# asp.net-mvc kendo-ui kendo-grid

在我的剑道网格中,我附上了这个活动:

.Events(events => events.DataBound("Planning.reSelectMeasurements('#=Label#')"))

来自kendo网格:

 @(Html.Kendo().Grid<PlanningViewParam>().Name("Planning")
      .ClientRowTemplate(
     // INSERT HTML AND JS HERE
      )
      .DataSource(datasource => datasource.Ajax().Batch(false)
          .ServerOperation(false)
          .Read(read => read.Action("ReadMeasurements", "Planning", new { viewType = "A" }))
          .Model(model =>
          {
              model.Id(p => p.Order);
              model.Field(p => p.Label).Editable(false);
              model.Field(p => p.Color).Editable(false);
          })).Pageable(p=>p.Enabled(false))
              .HtmlAttributes(new { style = "height:202px; width:225px;",@class = "light-list-box"})
              .Scrollable(scrollable => scrollable.Height(100).Virtual(false))
         .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Single)
            .Type(GridSelectionType.Row))
         .Events(events => events.DataBound("Planning.reSelectMeasurements('#=Label#')"))

是否可以将视图模型中的信息传递给此函数而不是文字字符串返回?我注意到当我运行firebug并在函数旁边放置一个断点时,它表示标签被传入“#= Label#”。

其中:

reSelectMeasurements: function (label) {
            if (label == "Point") {
                Planning.reSelectPoint("A");
            }
            else if (label == "Angle") {
                Planning.reSelectAngle("A");
            }
        }

编辑:

最新尝试:

 if (events.sender._data.PointLabel == "Point") {
                Planning.reSelectPoint("A");
            }
            else if (events.sender._data.Label == "Angle") {
                Planning.reSelectAngle("A");
            }

当我到达_data时。在调试时,它包含一个数据数组。如何传入我选择的特定行,以便传入适当的标签数据?

所以层次结构看起来像events.sender._data.[0].Label

1 个答案:

答案 0 :(得分:1)

我认为这取决于控件的版本,但在2014.2.903.545中,这是我将数据从网格传递到javascript函数的方式。

剃刀中的

: ...

 .Events(e =>
               {
               e.Edit("readonlyifyKey");
               e.DataBound("bindMigrateButton");
               })

...

然后函数看起来像这样:

 function bindMigrateButton(e) {

    var prjId = e.sender.element.context.id;
    prjId = prjId.replace('projects-setttings_', '');
    $('#import-config-btn__' + prjId).click(showImportWindow);

}

prjId保存我的对象的模型ID即绑定到网格,因此您应该能够以这种方式访问​​模型的任何属性。

看起来像var prjId = e.sender.element.context.id; 实际上是获取dom元素id,但你仍然可以访问e.sender中的所有模型元素,不能确切地知道它是如何从那里嵌套的,但是发送者应该具有模型属性。