在剑道网格模板中使用 Javascript 函数答案

【问题标题】：Use Javascript function into Kendo Grid Template在剑道网格模板中使用 Javascript 函数
【发布时间】：2013-12-03 09:52:37
【问题描述】：

我想在 Kendo Grid Create 中使用 Javascript 函数。为此，我将 Javascript 函数定义为，

<script>
    function GetCompanyID()
    {
        return $("#Company").val();
    }
</script>

我想在创建剑道网格的模板中使用它，

@(Html.Kendo().Grid<Invoice.Models.ViewModels.DossierViewModel>()
    .Name("Dossier")
    .Columns(columns =>
    {


        columns.Bound(p => p.CustomerName).Title("Customer").Width(150);

        columns.Bound(p => p.InvoiceNumber).Title("INV no.").Width(100);//.Width(20);
        columns.Bound(p => p.InvoiceAmountLC).Title("INV Amount LC").Width(150);

    })
    .ToolBar(toolbar => toolbar.Create().Text("Add New Dossier"))
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("New_Dossier"))                    //Having Different Template for New Dossier
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(10)
            .Model(model => { model.Id(p => p.DossierID); })
        .Read(read => read.Action("Dossier_Read", "Dossier"))
            .Create(create => create.Action("Dossier_Create", "Dossier", new { @CompanyID = GetCompanyID }))
            .Filter(filters =>
            {
                // Show products whose ProductName property contains "C"
                filters.Add(dossier => dossier.Status).Contains("");
            })
     )

)

我想使用我目前在上面的代码中使用的那个 Javascript 函数，

.Create(create => create.Action("Dossier_Create", "Dossier", new { @CompanyID = GetCompanyID }))

但这不是它应该使用的方式。请帮助我。如何尽快使用该 Javascript 函数。

【问题讨论】：

标签： javascript asp.net-mvc razor kendo-ui kendo-grid

【解决方案1】：

您需要使用网格数据源的 Data() 方法来发送此数据。比如：

.Create(create => create.Action("Dossier_Create", "Dossier").Data("GetCompanyID")

function GetCompanyID()
{
    return {
      CompanyID: $("#Company").val();
    };
}

查看网格FAQ 了解更多信息和示例。

【讨论】：