[英]ASP.NET MVC Kendo Grid Add New using Popup
I'm going to create a web page to manage my users using ASP.NET MVC Kendo Grid. 我将创建一个网页来使用ASP.NET MVC Kendo Grid管理用户。 When I click the Add New button in Kendo Grid nothing is happened and the button does not work.
当我在Kendo Grid中单击“添加新”按钮时,什么也没有发生,并且该按钮不起作用。 How can I solve the problem?
我该如何解决这个问题?
Here is my UserViewModel class: 这是我的UserViewModel类:
public class UserViewModel
{
public int Id { get; set; }
public string Name { get; set; }
[ScriptIgnore]
public byte[] Photo { get; set; }
public string Photo64
{
get
{
return Photo != null ? Convert.ToBase64String(Photo) : null;
}
}
public bool Leave { get; set; }
}
Here is my Read and Create actions: 这是我的读取和创建操作:
public ActionResult Users_Read([DataSourceRequest]DataSourceRequest request)
{
using (var db = new DBEntities())
{
var users = from u in db.Users
select new UserViewModel
{
Id = u.Id,
Name = u.Name,
Photo = u.Photo,
Leave = u.Leave ?? false
};
DataSourceResult result = users.ToDataSourceResult(request);
return Json(result);
}
}
public ActionResult Users_Create([DataSourceRequest]DataSourceRequest request, UserViewModel user)
{
if (ModelState.IsValid)
{
using (var db = new DBEntities())
{
var entity = new User
{
Name = user.Name
Photo = user.Photo,
Leave = user.Leave
};
db.Users.Add(entity);
db.SaveChanges();
user.Id = entity.Id;
}
}
return Json(new[] { user }.ToDataSourceResult(request, ModelState));
}
Here is my View: 这是我的观点:
@(Html.Kendo().Grid<MyApp.Models.User>()
.Name("grid")
.Columns(c =>
{
c.Bound(u => u.Id).Visible(false);
c.Bound(u => u.Photo).ClientTemplate(
"# if (Photo64 == null) { #" +
"<img src='" + Url.Content("~/Images/") + "no_profile_photo.jpg' />" +
"# } else { #" +
"<img src='data:image/jpg;base64,#=Photo64#' />" +
"# } #"
);
c.Bound(u => u.Name);
c.Bound(u => u.Leave).ClientTemplate(
"<input type='checkbox' onclick='return false' value='#= Id #' " +
"# if (Leave) { #" +
"checked='checked'" +
"# } #" +
"/>"
);
c.Command(cmd => { cmd.Edit(); cmd.Destroy(); });
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp))
.DataSource(dataSource => dataSource
.Ajax()
.Model(m =>
{
m.Id(user => user.Id);
m.Field(user => user.Name);
m.Field(user => user.Photo);
m.Field(user => user.Leave);
})
.Create(create => create.Action("Users_Create", "User"))
.Read(read => read.Action("Users_Read", "User"))
.Update(update => update.Action("Users_Update", "User"))
.Destroy(destroy => destroy.Action("Users_Destroy", "User"))
)
.Pageable()
.Sortable()
.Filterable()
)
您的Users_Read方法返回类型为UserViewModel的Kendo数据源,但随后将网格定义为Grid <MyApp.Models.User>类型,这会导致错误。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.