I am trying to display the detials in kendo Ui grid by using the custom list not using any database in button click , but I failed to display the details in grid, for that purpose I have done like this..

this is my model

```
namespace KendoPratapSampleMVCApp.Models
{
    public class SampleGrids
    {
        public List<Sample> samples;
    }
    public class Sample
    {
        public string SampleDescription { get; set; }
        public string SampleCode {get; set;}
        public string SampleItems { get; set; }
    }
}

```

and this is controller( here I am calling the `getsamples()` method inside `PostValues` event(this is button click event))

```
  namespace KendoPratapSampleMVCApp.Controllers
   {
     public class SearchResultsDisplayController : Controller
     {
        //
        // GET: /SearchResultsDisplay/

        public ActionResult Index()
        {
            return View();
        }
        public static IEnumerable<Sample> GetSamples()
        {
            List<Sample> sampleAdd = new List<Sample>();
            Sample s12 = new Sample();
            s12.SampleCode = "123se";
            s12.SampleDescription = "GOOD";
            s12.SampleItems = "newone";

            Sample s2 = new Sample();
            s2.SampleCode = "234se";
            s2.SampleDescription = "Average";
            s2.SampleItems = "oldone";

            sampleAdd.Add(s12);
            sampleAdd.Add(s2);            
            return sampleAdd;
        }
        [HttpPost]
        public ActionResult PostValues(Sample model)
        {
            return View("Index",GetSamples());               
        }
        public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request)
        {
            return Json(GetSamples().ToDataSourceResult(request));
        }     
    }
}

```

and this is my view (here I am binding using jquery)

```
 @Scripts.Render("~/bundles/jquery")     
<script type ="text/javascript">
    $('#Submit1').click(function () {
        alert('1'); // dint get this alert when I click on submit button
        $('#grid12').data('kendoGrid').dataSource.read();
       // $('#grid12').css("display", "block");
    });
</script>    
@model IEnumerable<KendoPratapSampleMVCApp.Models.Sample>    
@{
    ViewBag.Title = "Index";
}    
<h2>Index</h2>
@using (Html.BeginForm("PostValues", "SearchResultsDisplay", FormMethod.Post))
{ 

    <input id="Submit1" type="submit" value="SubmitValue" />
    @(Html.Kendo().Grid<KendoPratapSampleMVCApp.Models.Sample>()    
    .Name("grid12")
    .Columns(columns => {
        columns.Bound(p => p.SampleDescription).Filterable(false).Width(100);
        columns.Bound(p => p.SampleCode).Filterable(false).Width(100);
        columns.Bound(p => p.SampleItems).Filterable(false).Width(100);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .AutoBind(false) // here I am disabling automatic binding at page load
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "SearchResultsDisplay"))
     )
  )
}

```

I am not able to bind the data when we submit the button Any suggestions and any ideas would be very grateful to me ...
many thanks....