Javascript 在剑道UI网格中选择数据项
我在MVC4应用程序中使用了KendoUI网格,如下所示:Javascript 在剑道UI网格中选择数据项,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我在MVC4应用程序中使用了KendoUI网格,如下所示: @(Html.Kendo().Grid<ProjectSystem.Web.Models.ProjectModel>() .Name("Grid") .Editable(editable => { if(User.IsInRole(Constants.Admin)) { editabl
@(Html.Kendo().Grid<ProjectSystem.Web.Models.ProjectModel>()
.Name("Grid")
.Editable(editable =>
{
if(User.IsInRole(Constants.Admin))
{
editable.Mode(GridEditMode.InCell);
}
else
{
editable.Enabled(false);
}
})
.Sortable(sortable => sortable.AllowUnsort(false))
.Navigatable()
.ToolBar(toolbar =>
{
if (User.IsInRole(Constants.Admin))
{
toolbar.Create();
toolbar.Save();
}
})
.Selectable(s => s.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Columns(columns =>
{
columns.Bound(p => p.ProjectId);
columns.Bound(p => p.Name);
columns.Bound(p => p.Address);
columns.Bound(p => p.Postcode);
columns.Bound(p => p.Contact);
columns.Bound(p => p.Files);
columns.Bound(p => p.Link).ClientTemplate("<a href='#=Link#' target='_blank'>#=Files!=null && Files.length > 0 ? 'Dropbox' : '' #</a>");
columns.Bound(p => p.ProjectStatus);
columns.Bound(p => p.Active).ClientTemplate("<input type='checkbox' class='chkboxActive' #= Active ? checked='checked' : '' # ></input>");
columns.Bound(p => p.Unused).ClientTemplate("<input type='checkbox' class='chkboxUnused' #= Unused ? checked='checked' : '' # ></input>");
columns.Bound(p => p.IsSMS).ClientTemplate("<input type='checkbox' class='chkboxIsSMS' #= IsSMS ? checked='checked' : '' # ></input>");
columns.Bound(p => p.MaterialLink).Title("").ClientTemplate("<a href='/Material/index?projectId=#=ProjectId#'>#=GetText()#</a>");
})
.DataSource(dataSource => dataSource.Ajax()
.Model(model => model.Id(p => p.ProjectId))
.Batch(true)
.Events(events => events.Error("error"))
.Events(events => events.RequestEnd("onRequestEnd"))
.Create(create => create.Action("ProjectCreate", "Project"))
.Update(update => update.Action("ProjectUpdate", "Project"))
.Read(read => read.Action("ProjectRead", "Project").Data("ExtraData"))
)
)
视图模型:
UIHint局部视图:
但我不能对Projectd做同样的事!在过去的一个小时里,为了解决这个问题,我做了几次尝试,但都没有成功
如果可能的话,我也可以在DOM中隐藏行而不是获取ProjectId
如果可以的话,请帮忙
非常感谢 看起来您的网格设置为单一可选,您可以像这样访问所选网格行的值
$('#Grid').click(function () {
var gview = $(this).data("kendoGrid");
var selectedItem = gview.dataItem(gview.select());
var ProjectId = selectedItem.ProjectId;
})
编辑:下拉列表是否在每行中?您想在下拉列表更改时触发事件并获取行的Id吗?@C Sharper否下拉列表仅在一列中,是的,我想捕获行的Id或只是将其隐藏在dom中。谢谢。该功能将允许您访问选定的行项目ID。我从何处调用它@C Sharper这只是一个scrip函数,当您在网格中选择一个项目时会发生。我首先要做的是正确地确保它已注册,我只想说$'Grid'。clickfunction{alerthello}@C Sharper谢谢这有助于我捕获项目,就像你在Grid上所说的那样。单击文档上的事件。就绪。。我把它放在一个全局变量中,然后从dropdownlist.Change事件访问它。然后转到ajax帖子进行更新。。
[UIHint("StatusColumn")]
[Display(Name = "Status")]
public ProjectStatus ProjectStatus { get; set; }
@(Html.Kendo().DropDownList().Name("ProjectStatus")
.BindTo(new List<DropDownListItem>
{
new DropDownListItem{Text = "", Value = "0"},
new DropDownListItem{Text = "Open", Value = "1"},
new DropDownListItem{Text = "Closed", Value = "2"}
}
).Events(e => e.Select("saveProjectStatus")))
function saveProjectStatus(e) {
debugger;
var grid = e.sender;
var row = grid.select();
var currentDataItem = grid.dataItem(this.select());
var selectedValue = currentDataItem.Text;
// var data = grid.dataItem("tr:eq(1)");
// var dataItem = grid.dataItem($(this).closest('tr'));
// var uid = currentDataItem.uid; //.Name;
// var dataContext = grid.dataSource.getByUid(uid);
// var parentRow = e.wrapper.closest("tr");
//var uid = $(e)parent().parent().attr('data-uid');
//var dataContext = grid.dataSource.getByUid(uid);
}
$('#Grid').click(function () {
var gview = $(this).data("kendoGrid");
var selectedItem = gview.dataItem(gview.select());
var ProjectId = selectedItem.ProjectId;
})