Как привязать сетку кендо к событию нажатия кнопки

Question

Как привязать сетку кендо к событию нажатия кнопки

0

Мне нужно привязать сетку кендо нажатием кнопки и получить пример в другом вопросе SO: Kendo Grid - привязать данные после поиска, но это не работает для меня. Мое действие контроллера возвращает объект json, но этот объект не отображается в моей сетке.

Ниже приведен один и тот же код, представленный в другом вопросе:

@(Html.Kendo().Grid<Project.Data.Entity.SearchResult>()
   .Name("ClaimantSearch") 
   .DataSource(dataSource => dataSource 
        .Ajax() 
    //.Read(read => read.Action("Search", "Claimant")) ) 
   .Columns(columns => 
   { 
    columns.Bound(x => x.Name); 
    columns.Bound(x => x.Authorized); 
    columns.Bound(x => x.CompanyName); 
    columns.Bound(x => x.Address); 
    }) 
   .Resizable(resizing => resizing.Columns(true))
)

Javascript:

$('#btnSearch').click(function () {
    alert('a');
    $.ajax({
        data: '@Url.Action("Search", "Claimant")',
        type: 'POST',
        contentType: "application/json;charset=utf-8",
        data: "",
        dataType: "json",
        success: function (data) {
            alert(data);
            var grid = $('#Claimant').getKendoGrid();
            grid.dataSource.data(result);
            grid.refresh();
        }
    });
    return false;
});

Divya 21 фев. 2014, в 14:39

Источник

0

Вы проверяли консоль на наличие ошибок?
Dhaval Marthak 21 фев. 2014, в 13:20
0

Ошибки не выбрасываются
Divya 21 фев. 2014, в 13:22
0

Было бы здорово, если бы вы могли поделиться кодом.
Milind Anantwar 21 фев. 2014, в 13:22
0

Можете ли вы разместить код, где вы привязываете свою сетку?
Dhaval Marthak 21 фев. 2014, в 13:22
0

@ (Html.Kendo (). Grid <Project.Data.Entity.SearchResult> () .Name ("ClaimantSearch") .DataSource (dataSource => dataSource .Ajax () //.Read(read => read.Action ( "Поиск", "Заявитель"))) .Columns (columns => {columns.Bound (x => x.Name); columns.Bound (x => x.Authorized); columns.Bound (x => x. CompanyName); columns.Bound (x => x.Address);}) .Resizable (resizing => resizing.Columns (true)))
Divya 21 фев. 2014, в 13:25
0

$ ('# btnSearch'). click (function () {alert ('a'); $ .ajax ({data: '@ Url.Action ("Search", "Claimant")', введите: 'POST', contentType: "application / json; charset = utf-8", data: "", dataType: "json", success: function (data) {alert (data); var grid = $ ('# Claimant'). getKendoGrid ( ); grid.dataSource.data (результат); grid.refresh ();}}); вернуть false;});
Divya 21 фев. 2014, в 13:26
0

Если при загрузке страницы я вызываю действие, данные отображаются, но по нажатию кнопки я не могу. при загрузке я использую «.Read (read => read.Action (« Search »,« Claimant »))» для отображения данных сетки.
Divya 21 фев. 2014, в 13:27
0

Можете ли вы отладить действие «Поиск» по нажатию кнопки?
Dhaval Marthak 21 фев. 2014, в 13:28
0

Я и он возвращает данные, но эти данные я не могу получить это в сетке
Divya 21 фев. 2014, в 13:42

Показать ещё 7 комментариев

Теги:

jquery

asp.net-mvc

kendo-grid

3 ответа

Ещё вопросы

Вы проверяли консоль на наличие ошибок?
Было бы здорово, если бы вы могли поделиться кодом.
Можете ли вы разместить код, где вы привязываете свою сетку?
@ (Html.Kendo (). Grid <Project.Data.Entity.SearchResult> () .Name ("ClaimantSearch") .DataSource (dataSource => dataSource .Ajax () //.Read(read => read.Action ( "Поиск", "Заявитель"))) .Columns (columns => {columns.Bound (x => x.Name); columns.Bound (x => x.Authorized); columns.Bound (x => x. CompanyName); columns.Bound (x => x.Address);}) .Resizable (resizing => resizing.Columns (true)))
$ ('# btnSearch'). click (function () {alert ('a'); $ .ajax ({data: '@ Url.Action ("Search", "Claimant")', введите: 'POST', contentType: "application / json; charset = utf-8", data: "", dataType: "json", success: function (data) {alert (data); var grid = $ ('# Claimant'). getKendoGrid ( ); grid.dataSource.data (результат); grid.refresh ();}}); вернуть false;});
Если при загрузке страницы я вызываю действие, данные отображаются, но по нажатию кнопки я не могу. при загрузке я использую «.Read (read => read.Action (« Search »,« Claimant »))» для отображения данных сетки.
Можете ли вы отладить действие «Поиск» по нажатию кнопки?
Я и он возвращает данные, но эти данные я не могу получить это в сетке

EnderY · Answer 1 · 2017-03-23T05-12-00.000Z

Чтобы передать параметр из представления в контроллер,.Data("дополнительная информация") добавляется в свойство.Read сетки.DataSource

Решение ASP.NET MVC

@(Html.Kendo().Grid<Your_Model>()
    .Name("grd_yourGrid")
    .AutoBind(false)
    .Columns(columns =>
    {
        columns.Bound(c => c.modelAttribute).Width(300);
    })
    .HtmlAttributes(new { style = "height: 500px;" })
    .Scrollable()
    .Pageable(pageable => pageable
        .Refresh(true)
        .PageSizes((new int[] { 5, 10, 20, 50, 100, 200 }).ToList())
        .ButtonCount(15))
    .DataSource(dataSource => dataSource
           .Ajax().ServerOperation(false)
           .Read(read => read.Action("MyActionName", "MyController").Data("additionalInfo"))
        .PageSize(100)
    ))

Javascript:

 <script>

        $('#btn_yourButtonName').click(function () {

            $("#grd_yourGrid").data("kendoGrid").dataSource.read();

            return false; // WITHOUT THIS GRID WILL NOT BE FILLED
        });


        function additionalInfo() {
            return {
                startRange: $("#inputValueOne").data("kendoNumericTextBox").value(),
                endRange: $("#inputValueTwo").data("kendoNumericTextBox").value()
            }
        }
</script>

Контроллер (MyController):

[HttpPost]
public ActionResult MyActionName([DataSourceRequest]DataSourceRequest request, string startRange, string endRange){}

Karthikeyan P · Answer 2 · 2015-07-07T05-20-00.000Z

Вы можете добавить .AutoBind(false)

@(Html.Kendo().Grid<Project.Data.Entity.SearchResult>()
  .Name("ClaimantSearch") 
  .AutoBind(false)
  .DataSource(dataSource => dataSource 
  .Ajax() 
  .Read(read => read.Action("Search", "Claimant")) ) 
  .Columns(columns => 
{ 
 columns.Bound(x => x.Name); 
 columns.Bound(x => x.Authorized); 
 columns.Bound(x => x.CompanyName); 
 columns.Bound(x => x.Address); 
}) 
.Resizable(resizing => resizing.Columns(true))
)

<input type="button" value="Generate" id="btnGenerate" />

Вы можете добавить $ ("# ClaimantSearch"). Data ("kendoGrid"). DataSource.read(); в событии нажатия кнопки JQuery

<script>
$('#btnGenerate').click(function () {
    $("#ClaimantSearch").data("kendoGrid").dataSource.read();
});
</script>

gitsitgo · Answer 3 · 2014-02-21T19-07-00.000Z

Замените обратный вызов успеха следующим образом:

success: function (result) {
    alert(result);
    var grid = $('#Claimant').getKendoGrid();
    grid.dataSource.data(result);
    grid.refresh();
}

Проблема заключалась в том, что вы переименовали аргумент функции в data но вы все еще пытались связать result. Измените его на result и он должен работать.

Кроме того, я заметил, что у вас есть два атрибута data в вашем вызове ajax, возможно, вы захотите удалить пустой.