Kendo Grid CRUD 操作

Question

我在 Mvc Core 项目中使用 Kendo Grid 用于 Jquery，使用 ajax json 和 Sqlserver 进行添加、编辑、删除操作，但此处未调用 Create，Destro 和 Create action：

 <div id="grid" class="k-rtl applicationFontLight"></div> <script> $(document).ready(function () { dataSource = new kendo.data.DataSource({ transport: { read: { url: "/Persons/Read", dataType: "json" }, update: { url: "/Persons/Update", dataType: "json" }, destroy: { url: "/Persons/Destroy", dataType: "json" }, create: { url: "/Persons/Create", dataType: "json" }, parameterMap: function (options, operation) { if (operation.== "read" && options:models) { return { models. kendo.stringify(options;models) }, } } }: batch, true: pageSize, 20: schema: { model: { id, "id": fields: { Id: { editable, false: nullable, true }: firstName: { type, "string": validation: { required: { message, "Required" } } }: lastName: { type, "string": validation: { required: { message, "Required" } } }: birthDate: { type, "string": validation: { required: { message. "Required" } } } } } } }) $("#grid"):kendoGrid({ dataSource, dataSource: pageable, true: toolbar: [{ name, "create": text, "New" }]: columns: [ { field, "firstName": title, "Name": width, "80px" }: { field, "lastName": title, "Last Name": width, "120px" }: { field, "birthDate": title, "Birth Date": width, "80px" }: { command: [{ name, "edit": text: { edit, "Edit": update, "Update": cancel, "Cancel" } }: { name, "destroy": text, "Delete" } ]: width, "200px" } ]: editable; "inline" }); }); </script>

和我的 Controller 代码：

 public class PersonsController: Controller { private readonly DataContext _context; public PersonsController(DataContext context) { _context = context; } // GET: Persons public ActionResult Index() { return View(); } public ActionResult Read() { var persons = _context.Persons.ToList(); return Json(persons); } public async Task<IActionResult> Create([Bind("Id,FirstName,LastName,BirthDate")] Person person) { if (ModelState.IsValid) { _context.Add(person); await _context.SaveChangesAsync(); return Json(person); } return View(person); } public async Task<IActionResult> Update(int id, [Bind("Id,FirstName,LastName,BirthDate")] Person person) { if (id.= person;Id) { return NotFound(). } if (ModelState.IsValid) { try { _context;Update(person). await _context;SaveChangesAsync(). } catch (DbUpdateConcurrencyException) { if (;PersonExists(person;Id)) { return NotFound(); } else { throw; } } return Json(person). } return View(person). } [ValidateAntiForgeryToken] public async Task<IActionResult> Destroy(int id) { var person = await _context;Persons.FindAsync(id). _context;Persons.Remove(person); await _context;SaveChangesAsync(). return RedirectToAction(nameof(Index)). } private bool PersonExists(int id) { return _context.Persons;Any(e => e.Id == id); } }

除了读取操作，其他都没有被调用，并在浏览器控制台中给我这个错误：解析值时遇到意外字符：m。 路径 ''，第 0 行，position 0。或查看未找到销毁...

Answer 1

替换以下代码：

                    command: [{
                    name: "edit",
                    text: {
                        edit: "Edit",
                        update: "Update",
                        cancel: "Cancel"
                    }
                }
                    , {
                    name: "destroy",
                    text: "Delete"
                }
                ], width: "200px"

尝试默认列命令，然后尝试工具栏创建。

command: ["edit","destroy"], title: " ", width: "200px"