代码之家 › 专栏 › 技术社区 › NoviceDeveloper

在kendogrid刷新后添加CSS元素

kendo-asp.net-mvc asp.net-ajax kendo-grid ajax javascript

NoviceDeveloper · 技术社区 · 6 年前

我有一个ajax调用,它在MyController中发送给MyAction。。它返回给我一个成功的结果和一个我想要附加一些CSS的元素的Id。

返回Id,并添加css,但refreshGridData在删除我刚才添加到元素中的css之后发生。

有没有办法等待refreshGridData完成,然后添加css?

我确实尝试过为ajax做的。。它不起作用。

    $.ajax({
        url: "@Url.Action("MyAction", "MyController")",
        type: "POST",
        data: postData,
        success: function (result) {
            if (result.Success) {
                alert("success");
                refreshGridData();
            }
        },
        error: function (result) {
            alert("Error!");
        }
        AddMyCSSToThis(result.Id);
       // done: AddMyCSSToThis(result.Id);
    }); 

    function refreshGridData() {
        var ajaxContainer = $(".grid-wrap");
        kendo.ui.progress(ajaxContainer, true);
        refreshGrid();
        kendo.ui.progress(ajaxContainer, false);
    }

2 回复 | 直到 6 年前

Keith 6 年前

为什么不传入要将更改添加到refreshGridData()函数中的Id,如下所示:

 $.ajax({
    url: "@Url.Action("MyAction", "MyController")",
    type: "POST",
    data: postData,
    success: function (result) {
        if (result.Success) {
            alert("success");
            var savedId = result.Id;
            refreshGridData(savedId);
        }
    },
    error: function (result) {
        alert("Error!");
    }
    AddMyCSSToThis(result.Id);
   // done: AddMyCSSToThis(result.Id);
}); 

function refreshGridData(savedId) {
    var ajaxContainer = $(".grid-wrap");
    kendo.ui.progress(ajaxContainer, true);
    refreshGrid(savedId); // I'm assuming this function is what adds the css
    kendo.ui.progress(ajaxContainer, false);
}

Martin D. 6 年前

您可以创建一个全局变量,并在网格数据绑定事件中使用它来添加CSS。

_addCssToResultId = null;
$.ajax({
    url: "@Url.Action("MyAction", "MyController")",
    type: "POST",
    data: postData,
    success: function (result) {
        if (result.Success) {
            alert("success");
            _addCssToResultId = result.Id;
            refreshGridData();
        }
    },
    error: function (result) {
        alert("Error!");
    }
});

// add a dataBound handler to your grid
$("#grid").kendoGrid({
  dataBound: function(e) {
    if(_addCssToResultId) {
       AddMyCSSToThis(_addCssToResultId);
       _addCssToResultId = null;
    }
  }
});

推荐文章

Zayn malik · 剑道网格自定义按钮的mouseover或mouseenter或onhover事件?

6 年前

NoviceDeveloper · 在kendogrid刷新后添加CSS元素

6 年前

user6395764 · Kendo UI MVC不呈现简单控件

6 年前

firienn · ASP中的剑道网格。Net MVC:防止刷新网格上的数据。设置选项

6 年前

Max Fiedler · Kendo UI MVC网格,列单元格与前一列单元格相减

6 年前

Manprit Singh Sahota · Kendo grid noRecord模板页脚模板出现意外行为

6 年前

Nalluri · 在剑道网格的标题下显示水平滚动条

6 年前

hamdalf · 剑道甜甜圈图表-具有多个标签的单个系列

7 年前

Shadam · JQuery自定义验证属性MVC核心

7 年前

Frederik T · 用剑道MVC项替换剑道对话框的内容?

7 年前