Question

我通过jquery ajax将局部视图加载到kendo-ui窗口小部件中，没问题，

public ActionResult Create()
{
     return PartialView("_Create");
}

public ActionResult Create(CreateObjectViewModel viewModel)
{
     if(ModelState.IsValid)
     {
        //Persist  to database ...
       return Json(new {success=true});
     }
     return PartialView("_Create",viewModel);
}

所有kendo ui小部件都可以正常工作，提交表单后，客户端验证也可以正常工作。

但如果出现服务器端验证错误，我会将modelstate返回到局部视图，视图会显示错误。

在这种情况下，我的所有小部件都会失去其功能而无法正常工作，

这是我如何在局部视图中提交表单：

    @using(Html.BeginForm())
    {
     @* all kendo ui widget and form element *@
     <input type="submit" id="insert" onclick(submitForm(this.id)" value="insert" />
    }
<script type="text/javascript>
    $(documet).ready(function(){
       rebindvalidation();
    }

    function rebindValidation(){
       var form =$('form');
       form.removeData('validator');
       form.removeData('unobtrusiveValidation');
       $.validator.unobtrusive.parse(form);
    }

    function submitForm(e){
       $('form').submit(function(){
       $.ajax({
         url:this.action,
         type:this.method,
         data:$(this).serialize(),
         success:function(result){
           if(result.success){
              $("#window").data('kendoWindow').close()
           }else{
             $('form').html(result);
             rebindValidation();
            }
        }
    });

</script>

当我说它失去了它们的功能时，Imagin的多选小部件的行为就像普通的文本框一样，而它在第一次加载时工作，直到没有提交给控制器：

@(Html.Kendo().MultiselectFor(p=>p.PartyIds)
.Name("PartyIds").DataTextField("Title").DataValueField("Id")
.Filter(FilterType.Contains)
.DataSource(s=>s.read(r=>r.Action("SearchAllPerson","Party"))
.Data("getPartyIdsData")
s.ServerFiltering(true))

我想知道如何解决这个问题。

Answer 1

我发现了我的错误，在回发后的局部视图中，我将结果设置为表单元素，而设置为窗口是正确的。

用另一个词代替

else{
     $('form').html(result);
     rebindValidation();
}

这样写是正确的：

else{
     $('#window').html(result);
     rebindValidation();
}

回发后，kendo ui小部件在部分视图中不起作用

1 个答案: