将数据绑定到剑道下拉列表
Binding data to kendo dropdownlist
我有一个剑道网格,其中有一个自定义过滤器模板,这是一个下拉列表。我有麻烦的数据填充到下拉列表。
我想让选项是该列中所有记录的所有唯一值。
侧面问题:是否有更简单的方法来填充下拉列表与列的唯一值?因为这是最合乎逻辑的内容放在下拉菜单中,我希望可能会有一些内置的方式?
我想做的是让它调用一个返回JSON指定选项的服务。
下面我有3种方法,我试图基于谷歌搜索来编码数据列字段,导致这个论坛上非常古老的主题,这就是为什么我希望有一个简单的方法。前两个不工作,但第三个(硬编码)工作。
1)这个调用到达服务器并返回JSON,但不填充下拉菜单。
{
"field": "location_name",
"title": "Location",
"filterable": {
cell: {
template: function (args) {
args.element.kendoDropDownList({
dataTextField: "optionText",
dataValueField: "optionValue",
valuePrimitive: true,
dataSource: {
transport: {
read:
function(options) {
$.ajax({
type: "GET",
url: "/Patrol/Report.aspx/GetOptions",
data: "d",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert(msg.d);
return msg; //tried with and without the return
}
});
}
}
}
});
},
showOperators: false
}
}
2)这个调用根本没有击中服务器
{
"field": "location_name",
"title": "Location",
"filterable": {
cell: {
template: function (args) {
args.element.kendoDropDownList({
dataTextField: "optionText",
dataValueField: "optionValue",
valuePrimitive: true,
dataSource: {
transport: {
read: {
dataType: "jsonp",
url: "/Patrol/Report.aspx/GetOptions",
}
}
}
});
},
showOperators: false
}
}
3)硬编码数据源数据:这工作正确
{
"field": "location_name",
"title": "Location",
"filterable": {
cell: {
template: function (args) {
args.element.kendoDropDownList({
dataTextField: "optionText",
dataValueField: "optionValue",
valuePrimitive: true,
dataSource:
[{"optionText": "HP","optionValue": "HP"}, {"optionText": "Loc2","optionValue": "ID2"}]
});
},
showOperators: false
}
}
场景1不工作,因为您需要在$.ajax()
的成功回调中调用options.success(...your data...)
:
http://docs.telerik.com/kendo-ui/framework/datasource/crud read-local
相关文章:
- 使用 Web API 编辑获取数据时,无法将数据绑定到 jqgrid 中的下拉列表
- 将数据绑定添加到引导程序下拉列表
- AngularJS 绑定要选择的数据下拉列表,当另一个选择下拉列表的值发生更改时
- AngularJS, Select2 - 使用 ngDisabled 在下拉列表中绑定真/假值
- 如何在 html 的下拉列表中绑定过去 12 个月
- 无法在 MVC 中使用 jquery/js 将 json 数据(API 结果)绑定到下拉列表
- 将数据绑定到 kendo 下拉列表时,如何将 ajax 响应数据获取到变量
- 使用下拉列表绑定数据
- 如何使用 Angular.JS 在下拉列表中绑定选项的值和文本
- 在angular.js的select下拉菜单中绑定值和文本
- 在html表的foreach绑定中,是否有可能将数据绑定到一个带有knockout的select下拉列表?
- KnockoutJS中的下拉列表没有绑定
- 如何在下拉列表中绑定年份
- 将数据绑定到剑道下拉列表
- 使用Javascript更改下拉列表数据
- 如何在angular js中绑定json数据到下拉列表
- 下拉列表如何绑定
- 如何在回发后保留下拉列表数据
- 无法将数据绑定到angularjs中的下拉列表多选
- 挖空.js - 嵌套数组数据和级联预填充下拉列表绑定