Die Kendo-UI - Kendo-Validator
Bin ich mit Kendo UI die Prüfer in meiner Anwendung.
Ich habe ein Formular aktualisiere ich meine grid-Daten.
Ich angepasst haben validation tool-Tipps angezeigt, wo ich Sie haben will als ich geben Sie zu jedem Feld, und das funktioniert gut.
Das Ergebnis kann man im Bild unten zu sehen.
Jedoch habe ich ein problem, dass wenn ich das Formular abschicken, es erscheint erneut validieren meiner form, und mess up die Position des tool-Tipp-Validierung Nachricht.
Dem Bild unten ist das, was passiert, wenn ich klicken Sie auf die Schaltfläche "Update" (Ankündigung, die Dialoge, die sich gegenseitig überlappen).
Meine preferend Ziel ist, deaktivieren Sie die Update-Taste drücken bis die alle Felder korrigiert werden, oder, wenn das nicht möglich ist, zu halten, der die gleiche Formatierung wie das erste Bild.
Hier ist mein code:
<div id="ValidationErrors">
<span class='k-invalid-msg' data-for="PhoneNumber" ></span>
<span class='k-invalid-msg' data-for="Extension" ></span>
<span class='k-invalid-msg' data-for="PreferredContactStartTimeDt" ></span>
<span class='k-invalid-msg' data-for="PreferredContactEndTimeDt"></span>
<span class='k-invalid-msg' data-for="TimeZone"></span>
<script>
$("input").focusout(function () {
$("#ValidationErrors").kendoValidator();
if ($("input").hasClass("k-textbox k-invalid"))
{
$(this).css("border", "solid 1px red");
}
});
</script>
<style>
.k-widget.k-tooltip-validation {
margin-bottom:5px;
display:block;
padding:6px;
}
#ValidationErrors {
margin-bottom:10px;
}
.k-invalid-msg {
display:none;
}
</style>
</div>
Den button für das senden der form:
<a class="k-button k-button-icontext k-grid-update" href="#"><span class="k-icon k-update"></span>Update</a>
Ich sollte auch beachten, dass ich nicht editieren kann die kendoValidator() Funktion an diesem Punkt, denn dies ist in der Entwicklung, und ich bin nur versuchen, ein update dieses Modul, gibt es viele andere Formen und Validierungen Verwendung dieser Funktion direkt verändert.
- hi ich bin neu im kendo, möchte ich nur das Rendern der datepicker in meine .cshtml-Seite, können Sie helfen, zu beginnen, eigentlich mache ich aber nie gelang.es funktioniert richtig in meine einfache html-Seite, aber wenn möchte ich hinzufügen, dass dies in meinem mvc projectit nicht,
- tun Sie das Projekt in mvc?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich glaube, dein problem ist über datetime-Bestätigung.
Setzen Sie Ihre Kultur js-Datei in /Scripts/kendo/2014.1.528/Kulturen/
und Referenz im Layout.cshtml
Ihr Land finden Sie Kultur-Datei auf
C:\Program Files (x86)\Telerik\UI für ASP.NET MVC Q1 2014\js\Kulturen
Hier, können Sie versuchen, etwas wie das zu tun:
Kendo erkennt
k-grid-update
Klasse/trigger senden das update. Ohne es, es wird nie nicht Feuer, diese effektiv deaktiviert die Taster-Funktionalität (aber button wird noch immer anklickbar). Auf der anderen Seitek-state-disabled
änderungen der Benutzeroberfläche, um die Schaltfläche suchen deaktiviert (rein UI, es wird nicht verhindern, dass das update). Also mit der combo von beiden ist, wird es deaktivieren Sie die update-button vollständig.Wenn Sie überprüfen, und jedes Feld korrekt ist, dann muß man nur umkehren, indem Sie erneut hinzufügen
k-grid-update
und entfernenk-state-disabled
. Übrigensk-state-disabled
arbeiten können, auf anderen grid-Tasten sowie.Hier ist ein DEMO. Das ist zwar nicht genau wie dein Modul funktioniert, ist die Idee ähnlich ist, hoffe ich.
Wenn Sie möchten, zu beheben, die Formatierung statt, dann müsste ich, um zu sehen, mehr code, wie Sie festlegen, bis alle Prüfmeldungen an der Spitze und wie Sie alle entfernen die Zeiger Pfeile.