如何获取单击按钮所在行的数据?我添加了一张图片以更清楚地说明我的意思。
这是将数据字段添加到网格表的代码
@(Html.DevExtreme().DataGrid()
.ID("RoleGroupTable")
.DataSource(d => d.WebApi().Controller("UserRoleManagementApi").Key("RoleGroupId")
.LoadAction("Get")
.InsertAction("Post")
.UpdateAction("Put")
.DeleteAction("Delete"))
.Columns(c =>
{
c.Add().DataField("TreeView").CellTemplate(@<text>
@(Html.DevExtreme().Button().Text("Clickme").Icon("airplane").OnClick("btnclick").ID("expandtreeview")) </text>);
c.Add().DataField("RoleGroupId"); /* CellTemplate("<input class=button1 type=button value=click me ng-click=test()>");*/
c.Add().DataField("Name");
c.Add().DataField("Description");
c.Add().DataField("InsertionDate").DataType(GridColumnDataType.Date);
c.Add().DataField("InsertedUserId");
c.Add().DataField("UpdatedDate").DataType(GridColumnDataType.Date);
c.Add().DataField("UpdatedUserId");
})
还有一些脚本来检索数据..
function btnclick(data) {
console.log('btnclick(data)');
console.log(data);
var treeViewInstance = $('#RolesTreeView').dxTreeView('instance');
//var itemElement = treeViewInstance.element().find("[data-item-id='" + args.itemData.RoleId + "'] > .dx-treeview-item").get(0);
var itemElement = treeViewInstance.element().find("[data-item-id='10'] > .dx-treeview-item").get(0);
treeViewInstance.expandItem(itemElement);
treeViewInstance.selectItem(itemElement);
}