You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

新手求教:如何向Kendo DataSource的控制器传递参数?

Hey there! Since you're new to Kendo UI and JavaScript, let's figure out how to pass that value parameter to your C# controller properly. Here's what you need to adjust in your code and some key points to keep in mind:

Step 1: Update the Kendo DataSource to Include Parameters

Your current read configuration is just a string for the URL—you need to expand it into an object that includes a data property to send parameters to the controller. There are two common ways to do this:

Option 1: Static Parameter (Fixed Value)

If the value is a static string you know upfront, pass it directly in the data object:

var myDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "myController/GetComboBoxItems",
            dataType: "json",
            data: {
                value: "your-fixed-value" // Replace with your static value
            }
        }
    },
    schema: {
        data: "Data"
    }
});

Option 2: Dynamic Parameter (Value from UI/Variable)

If you need to get the value dynamically (like from an input field or a variable), use a function that returns the data object. This ensures the latest value is sent every time the data source reads data:

var myDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "myController/GetComboBoxItems",
            dataType: "json",
            data: function() {
                // Example: Get value from an input with ID "myInput"
                return {
                    value: document.getElementById("myInput").value
                };
            }
        }
    },
    schema: {
        data: "Data"
    }
});

Step 2: Verify Your C# Controller Setup

Your existing controller method looks good, but double-check these details:

  • Make sure the parameter name value matches exactly what you're sending from JavaScript (case-sensitive with default model binding).
  • Ensure you have the Kendo.Mvc NuGet package installed, since you're using [DataSourceRequest]—this attribute is required for Kendo to handle pagination/sorting/filtering properly if you need those features later.
  • If you're using Kendo's data source extensions, wrap your result in Json(result.ToDataSourceResult(request)) to format it correctly for the DataSource.

Quick Testing Tip

After updating your code, open your browser's developer tools (F12) and go to the Network tab. When the data source loads, check the request URL—you should see the value parameter appended to it (e.g., myController/GetComboBoxItems?value=your-sent-value). This confirms the parameter is being sent correctly.

内容的提问来源于stack exchange,提问作者Krishneil

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:23:54