Question

我对MVC的同步融合控件非常陌生。在探索如何将动态数据源设置为网格时，我遇到了我无法理解的这行JavaScript代码。我已经遍历了ej grid的javascript api文档，但是找不到含义。

var obj = $("#Grid").ejGrid("instance");

如果有人可以解释其含义并指出一些参考文档，我将不胜感激。

我遇到的例子 https://help.syncfusion.com/aspnetmvc/grid/how-to

我曾经学习过的javascript API https://help.syncfusion.com/api/js/ejgrid#members:datasource

P.s：我从评论中了解到，这与ej Grid的当前实例有关，但是我希望通过引用获得扎实的理解，以便理解。

Answer 1

根据我对Syncfusion的一点经验，没有很好地说明如何执行任务的文档。如果您拥有许可证，则可以在他们的论坛中提问，但是我可以告诉我我在阅读他们的论坛时学到的知识。

在JS 1版本中

var obj = $("#Grid").ejGrid("instance");

及其JS 2版本

var obj = document.getElementById('Grid').ej2_instances[0];

变量obj似乎是获得对由id Grid标识的网格的对象引用。除了文档中的示例所显示的实例值外，我不确定实例值是指什么，并且在使用该实例值时是否可以正常工作。

不确定我是否有很大帮助。

Answer 2

在下面的代码示例 Grid –网格ID中，您可以使用上面的代码示例获取Grid实例。从实例中，您可以获取有关当前应用于ejGrid的列，数据源，filterSettings，sortSettings等的详细信息。我们提供了使用几种公共方法自定义Grid的支持。您可以通过使用Grid实例来调用这些方法。

@(Html.EJ().Grid<EJGrid.Models.Order>("Grid")
.Datasource((IEnumerable<object>)ViewBag.datasource)
.AllowPaging()
.Columns(col =>
{    col.Field("OrderID").HeaderText("Order ID").TextAlign(TextAlign.Right).Width(75).Add();
     col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(TextAlign.Right).Width(90).Add();
     col.Field("Freight").HeaderText("Freight").Format("{0:c}").TextAlign(TextAlign.Right).Width(90).Add();
     col.Field("ShipCity").HeaderText("Ship City").Width(90).Add();
     col.Field("Child.Test").HeaderText("TEst").Format("{0:c}").Width(90).Add();
     col.Field("ShipCountry").HeaderText("Ship Country").Width(90).Add();
})
)

<script>
        var obj = $("#Grid").ejGrid("instance");
        var value = $("#colValue").val();
        //Add custom parameter to the server 
        var query = new ej.Query().addParams("EmployeeID", value);
        //Creating ejDataManager with UrlAdaptor
        var dataManager = ej.DataManager({ url: "/Home/GetData", adaptor: new ej.UrlAdaptor() }); 
        var promise = dataManager.executeQuery(query); promise.done(function (e) { 
            //Assign the result to the grid dataSource using "dataSource" method. 
            obj.dataSource(e.result);
    </script>

要更新网格，可以使用 dataSource（）方法。要调用该方法，您需要使用Grid实例并调用该方法。

请参阅以下API文档以供参考

https://help.syncfusion.com/api/js/ejgrid#methods:datasource-用于动态更新Grid数据源

https://help.syncfusion.com/api/js/ejgrid#members:datasource-返回Grid数据源。

如果您有其他疑问，请联系我们。

syncfusion ej网格javascript方法

2 个答案: