[英]Kendo treelist checks before insert operation
我正在嘗試使用Kendo MVC樹形列表通過模板進行彈出式編輯。
在插入記錄之前,我正在服務器端進行一些業務規則檢查。 我使用“ ModelState.ToDataSourceResult()”從控制器返回這些錯誤。
如果記錄不符合要求,我要阻止插入操作。
但是我找不到能夠處理這種情況的事件或屬性。
網格具有onReqestEnd事件以捕獲控制器的結果,但TreeList可以-不能。
我找到了解決此要求的方法,
這是示例控制器代碼:
public ActionResult _Create([DataSourceRequest] DataSourceRequest request, Product product)
{
//Manually add an model error in order to simulate validation error
ModelState.AddModelError("Name", "My server error");
//TODO: implement create functionality
return Json(ModelState.ToDataSourceResult());
}
Telerik TreeListDataSource不會公開onRequestEnd事件,但可以將其綁定到document.ready:
$(document).ready(function () {
ds = $('#myTreeList').data('kendoTreeList').dataSource;
ds.bind("requestEnd", onTreeListRequestEnd);
});
我檢查ajax請求結束的操作類型並調用錯誤處理程序函數:
function onTreeListRequestEnd(e) {
if (e.type == "create" || e.type == "destroy") {
onTreeListError(e.response);
}
}
定義的錯誤消息模板:
<script type="text/kendo-template" id="message">
<div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" style="margin: 0.5em; display: block; " data-for="#=field#" data-valmsg-for="#=field#" id="#=field#_validationMessage">
<span class="k-icon k-warning"> </span>#=message#<div class="k-callout k-callout-n"></div>
</div>
</script>
顯示的錯誤信息:
<script type="text/javascript">
var validationMessageTmpl = kendo.template($("#message").html());
function onTreeListError(args) {
if (args.Errors) {
var treeList = $("#myTreeList").data("kendoTreeList");
treeList.one("dataBinding", function (e) {
e.preventDefault(); // cancel treeList rebind if error occurs
for (var error in args.Errors) {
showMessage(treeList.editor.editable.element, error, args.Errors[error].errors);
}
});
}
}
function showMessage(container, name, errors) {
//add the validation message to the form
//if multiple messages exists at ModelState concat them
errMessage = "";
for (var i = 0; i < errors.length; i++){
errMessage = errMessage.concat("\r");
errMessage = errMessage.concat(errors[i]);
}
container.find("[data-valmsg-for=" + name + "],[data-val-msg-for=" + name + "]")
.replaceWith(validationMessageTmpl({ field: name, message: errMessage }))
}
</script>
我從Telerik MVC網格問題獲得了幫助: http : //www.telerik.com/forums/kendo-grid-edit-mode-popup---錯誤處理
和此示例項目: 在彈出編輯期間處理服務器端驗證錯誤
希望這對某人有幫助。
感謝T10分享您的解決方案,
通過您的解決方案,我可以在創建Kendo TreeList的同時在Kendo TreeList MVC中使用它。
@(Html.Kendo().TreeList<YourModel>()
.Name("TreeList")
.DataSource(d=> d.Events(e => e.RequestEnd("onTreeListRequestEnd"))
)
希望這可以幫助某人。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.