4

我使用带有剃须刀模板的 ASP.NET C# MVC3，我想知道以下内容：

我有一个GridView可以选择行的 DevExpress。
选择后，我想将它们传递给 Javascript 变量。我该怎么做呢？
如果我同时选择了多行，我可以把它们放在一个数组中吗？

编辑：感谢您的评论，我现在有以下“JQuery”功能：

$(function () { // Verwijder functie
    $('#select').click(function () {
        var Delete = confirm("Weet u zeker dat u de geselecteerde records wilt verwijderen?");
        if (Delete) {
            //Verwijder Funtie
            var test = ;
            alert(test);
        } else {
            //Niks
        }
    });
});

我需要将所选行的 Id 放入变量“test”中，我使用 GetSelectedFieldValuesCallback 和 GetSelectedFieldValues 进行了尝试。但这并没有像我预期的那样工作。如果有人可以提供一些例子，我将不胜感激。

4

2 回答 2

7

网格的最基本操作之一令人惊讶地缺乏示例。特别是如果您想将行发送回服务器以进行进一步处理。

grid.GetSelectedFieldValues() 的问题在于它会生成回发。这意味着您需要第二次回发才能将数据实际发送回服务器。

我能够实现的最优雅的解决方案是使用 grid.GetSelectedKeysOnPage()。这将返回通过 settings.KeyFieldName = "Id"; 定义的选定关键字段

将显示您的网格的视图。

<script type="text/javascript">
    $(function () {
        $('#btn1').click(function () {
            simpleGrid.PerformCallback();
        });
    });
    function OnBeginCallback(s, e) {
        var selectedValues = s.GetSelectedKeysOnPage();
        e.customArgs["Id"] = "";
        for (var i = 0; i < selectedValues.length; i++) {
            e.customArgs["Id"] += selectedValues[i] + ',';
        }
    }
</script>
@Html.Partial("ProductsPartial", Model.Data)
<div id="btn1">
    btn
</div>

在单独的局部视图中创建网格很重要（不知道为什么，但这就是 devexpress 页面上所说的。

“ProductsPartial”局部视图：

@Html.DevExpress().GridView(
        settings =>
        {
            settings.Name = "simpleGrid";
            settings.KeyFieldName = "Id";
            settings.CallbackRouteValues = new { Controller = "yourController", Action = "Postback" };
            settings.SettingsText.Title = "simpleGridWithPostback";
            settings.Settings.ShowTitlePanel = true;
            settings.Settings.ShowStatusBar = GridViewStatusBarMode.Visible;
            settings.SettingsPager.Mode = GridViewPagerMode.ShowAllRecords;
            settings.SettingsPager.AllButton.Text = "All";
            settings.SettingsPager.NextPageButton.Text = "Next &gt;";
            settings.SettingsPager.PrevPageButton.Text = "&lt; Prev";
            settings.Width = new System.Web.UI.WebControls.Unit(200);
            settings.Columns.Add("Id");
            settings.Columns.Add("Name");
            settings.CommandColumn.Visible = true;
            settings.CommandColumn.ShowSelectCheckbox = true;
            settings.ClientSideEvents.BeginCallback = "OnBeginCallback";
        }).Bind(Model).GetHtml()

最后是可以处理数据的控制器

public ActionResult Postback()
{
    String data = Request["Id"];
}

这样你就可以在服务器端处理你想要的所有数据

于 2012-05-03T10:48:36.573 回答
3

我找到了解决方案。以下函数提供了我想要的数据：

$(function () {
    $('#select').click(function () {
        Index.GetSelectedFieldValues("Id", OnGetSelectedFieldValues);
    });
});

function OnGetSelectedFieldValues(result) {
    for (var i = 0; i < result.length; i++){
            alert(result[i]);
        }
}

对于有/有同样问题的人。

更改“索引”

Index.GetSelectedFieldValues("Id", OnGetSelectedFieldValues);

到你命名你的gridview的任何东西，并将“Id”更改为你想要获取的列。

您还可以从单行获取多个数据，为此您需要添加另一个 for 循环，function OnGetSelectedFieldValues(result)如下所示：

function OnGetSelectedFieldValues(result) {
    for (var i = 0; i < result.length; i++)
        for (var j = 0; j < result[i].length; j++) 
            alert(result[i][j]);
        }
}

您还需要按以下方式更改吸气剂

Index.GetSelectedFieldValues("Id;YOUROTHERCOLUMN", OnGetSelectedFieldValues);

我希望这将在未来对其他用户有所帮助。

于 2012-04-13T08:35:12.083 回答