jqGrid & MVC3 - Thêm xác thực mẫu

Question

Có thể thêm tính năng Xác thực mô hình vào bản chỉnh sửa hoặc thêm biểu mẫu jqgrid không? Nếu vậy, làm thế nào nó sẽ được thực hiện? Tôi biết rằng tôi có thể tạo xác nhận tùy chỉnh cho từng trường trên một biểu mẫu jqGrid, nhưng làm thế nào có thể tích hợp xác thực MVC3 mặc định vào jqGrid?

Tôi đã làm điều đó bằng cách tạo nút tùy chỉnh tải chế độ xem một phần trên hộp thoại jQuery. Tuy nhiên, tôi không muốn thực hiện một cuộc gọi đến bộ điều khiển, xem xét rằng tôi có thể nhận được tất cả các giá trị hàng của tôi trực tiếp (mặc dù tôi sẽ mất các mô hình xem một phần xác nhận) thông qua jqGrid nhận được phương pháp.

Bất kỳ gợi ý nào?

Answer 1

Trong khi tôi không quen thuộc với jqGrid, tôi thường làm điều tương tự như bạn liên quan đến populating jQuery hộp thoại từ một hành động điều khiển mà ám một phần xem.

Thay vì thực hiện gọi lại, bạn có thể tải chế độ xem từng phần khi chế độ xem jqGrid được hiển thị. Sau đó, chỉ điền các trường từ hàng đã chọn. Dưới đây là một số mã mẫu để xem xét, chưa được kiểm tra mặc dù.

Lưới Xem của bạn:

@model List<Customer> 

<!-- create jqGrid here --> 

@Html.PartialView("CustomerForm",new Customer()); 

CustomerForm:

@model Customer 

<div id="CustomerForm"> 
@using (Html.BeginForm("Save","Customer",...)) 
{ 
    @Html.HiddenFor(m => m.CustomerId) 
    <div class="control-group"> 
     @Html.LabelFor(m => m.CustomerName) 
     <div class="controls"> 
      @Html.EditorFor(m => m.CustomerName) 
      @Html.ValidationFor(m => m.CustomerName) 
     </div> 
    </div> 
    <p><input type="submit" id="submit" value="Save" /></p> 
} 
</div> 

<script type="text/javascript"> 
    var $cf = $('#CustomerForm'); 
    $cf.dialog({ autoOpen: false }); // see jquery ui docs for exact options 


    $('#myGrid .edit, #myGrid .add').click(function() { 
     $(this).closest('tr').find('input, select').each(function() { 
      $('input[name='+this.name+'], select[name='+this.name+']',$cf).val($(this).val()); 
     }); 
     $cf.dialog('open'); 
    }); 
</script> 

Answer 2

Ví dụ:

$(document).ready(function() { 
    $("#jqg").jqGrid({ 
     url: '@Url.Action("GetData")', 
     datatype: "json", 
     colNames: ['User name', 'Email'], 
     colModel: [ 
     { name: 'UserName', index: 'UserName', width: 150, sortable: true, editable: true }, 
     { name: 'Email', index: 'Email', width: 150, sortable: true, editable: true, editrules:{email:true, required:false}} 
     ], 
     caption: "User List" 
    }); 

Validation là ở đây editrules:{email:true, required:false} (như vậy, nếu lĩnh vực này là trống đó là Ok, nhưng nếu nó chứa kiểm tra email không hợp lệ không thành công).

More informationa và ví dụ trong jqGrid Wiki

Và nếu bạn muốn thực hiện kiểm tra này mà không sửa đổi mã JS của bạn, bạn có thể sử dụng điều khiển từ Trirand, cho phép bạn làm điều đó trên server-side