wie Fokus nächste Zelle in kendo raster durch drücken der enter-Taste
<button class="k-button" id="batchGrid">
Batch Edit</button>
<div id="example" class="k-content">
<div id="batchgrid">
</div>
</div>
<script>
$("#batchGrid").click(function () {
var crudServiceBaseUrl = "http://demos.kendoui.com/service",
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl + "/Products",
dataType: "jsonp"
},
update: {
url: crudServiceBaseUrl + "/Products/Update",
dataType: "jsonp"
},
destroy: {
url: crudServiceBaseUrl + "/Products/Destroy",
dataType: "jsonp"
},
create: {
url: crudServiceBaseUrl + "/Products/Create",
dataType: "jsonp"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
batch: true,
pageSize: 20,
schema: {
model: {
id: "ProductID",
fields: {
ProductID: { editable: false, nullable: true },
ProductName: { validation: { required: true} },
UnitPrice: { type: "number", validation: { required: true, min: 1} },
Discontinued: { type: "boolean" },
UnitsInStock: { type: "number", validation: { min: 0, required: true} }
}
}
}
});
$("#batchgrid").kendoGrid({
dataSource: dataSource,
dataBound: onDataBound,
navigatable: true,
filterable: true,
pageable: true,
height: 430,
width: 300,
toolbar: ["create", "save", "cancel"],
columns: [
"ProductName",
{ field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
{ field: "UnitsInStock", title: "Units In Stock", width: "130px" },
{ field: "Discontinued", width: "130px" },
// { field: "", title: "No", template: "#= ++record #", width: "30px" },
{command: ["destroy"], title: " ", width: "100px"}],
editable: true
});
});
</script>
<script>
function onDataBound(e) {
var grid = $("#batchgrid").data("kendoGrid");
$(grid.tbody).on("keydown", "td", function (e) {
if ((e.keyCode ? e.keyCode : e.which) == 13) { //Enter keycode
var row = $(this).closest("tr");
var rowIdx = $("tr", grid.tbody).index(row);
var colIdx = $("td", row).index(this);
alert(rowIdx + '-' + colIdx);
$this.closest('tr').next().find('td').eq(index).focus();
e.preventDefault();
}
});
}
</script>
hier, wenn ich drücken Sie die enter-Taste im edit-Modus(einfügen neuer Datensatz) muss ich dann die nächste Zelle(wie, wenn ich drücken Sie die tab-Taste).
als auch, wenn ich drücken Sie die enter-Taste in der letzten Zelle(Letzte Spalte) für jede Zeile, die es bewegen soll, auf die erste Zelle(erste Spalte) der nächsten Zeile.
ich denke, dass problem in meinem Skript.wissen aber nicht genau, wo.
bitte helfen Sie mir hier..
InformationsquelleAutor sanzy | 2013-07-04
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, diesen code:-
Beachten Sie:- Anstelle der keypress-Funktion(e), können Sie auch mit keydown-Funktion(e){}.
Bitte geben Sie Ihre Kommentare, wenn der code nicht funktioniert oder einige Macken hat. Ich habe versucht, diese in MVC5 und es funktionierte mit Kendo-Grid.
grid.finden(".k-Bearbeiten-Zelle") werden auch die erforderlichen job-code getestet und geprüft in MVC5 wie erwähnt.
InformationsquelleAutor Shivam657
können Sie versuchen, diese zu
});
InformationsquelleAutor yuniardi
versuchen, diesen code ist es Ihnen helfen, zur nächsten Zelle, während Sie die EINGABETASTE drücken,
InformationsquelleAutor Jaimin
Dies ist ein Jahr zu spät, aber vielleicht kann jemand etwas bringen. Ich hatte ein ticket in Telerik und Ihre Antwort war, dass die Navigation mit der Tabulatortaste in das jeweils nächste Bearbeitbare Zelle wurde durch das design. Inakzeptabel ist.
Ich brauchte, um zu gehen von einem bearbeitbaren Zelle zu einer anderen und ignorieren nicht editierbare Zellen so, hier ist die Art, wie ich es gemacht habe:
http://dojo.telerik.com/@barbedCoil/OhaYo/3
Ist es nicht schön, da ich eine Mischung aus hart codiert Zelle Indizes, wo idealerweise würde ich wollen, verwenden Sie ein css-Attribut, um die Navigation von Zelle zu Zelle (nächste version)
Es ist ein guter Anfang sowieso
#sanjeev40084 ich habe keine Ahnung, es funktioniert in der Produktion für mich. Das ist seltsam, weil mit den up/down-Tasten für die Zellen, setzt das dirty-flag aber die Eingabe nicht. Wenn es die Zeit zulässt werde ich einen Blick und sehen, ob ich es herausfinden
InformationsquelleAutor Tab
Versuchen, diese
können Sie die Klasse des kendo "raster Bearbeiten" - text-box, die ist angehängt, die von kendo grid
InformationsquelleAutor Chirag Vidani