Dev帮助文档

DevExpress代码理解教程

官网教程地址：添加链接描述

@(Html.DevExtreme().DataGrid()
    .ID("gridContainer") //
    .ShowBorders(true)   //是否显示边框
    .DataSource(new JS("customers"))  //选择数据源  ""中为数据源的名称
    .Columns(c => {      //从数据源中选择要显示的列
        c.Add().DataField("CompanyName");
        c.Add().DataField("City");
        c.Add().DataField("State");
        c.Add().DataField("Phone");
        c.Add().DataField("Fax");
    })
)

@(Html.DevExtreme().DataGrid()
    .ShowBorders(true)  //是否显示边框
    .DataSource(d => d.OData()
        .Url("https://js.devexpress.com/Demos/DevAV/odata/Products")  //url数据源 数据格式为json
        .Key("Product_ID")   //根据id列选择数据显示
    )
    .DataSourceOptions(d => d.Select(new[] {  //DataSourceOptions 选择要显示的列
            "Product_ID",
            "Product_Name",
            "Product_Cost",
            "Product_Sale_Price",
            "Product_Retail_Price",
            "Product_Current_Inventory"
        })
        .Filter("['Product_Current_Inventory', '>' , 0]") //过滤，显示符合指定条件的
    )
    .Columns(columns => {  //绑定要显示的列