Asp.net mvc 加载后在剑道多重选择中添加选定项_Asp.net Mvc_Asp.net Mvc 4_Kendo Ui_Kendo Asp.net Mvc_Kendo Multiselect

Asp.net mvc 加载后在剑道多重选择中添加选定项

asp.net-mvc asp.net-mvc-4 kendo-ui

Asp.net mvc 加载后在剑道多重选择中添加选定项,asp.net-mvc,asp.net-mvc-4,kendo-ui,kendo-asp.net-mvc,kendo-multiselect,Asp.net Mvc,Asp.net Mvc 4,Kendo Ui,Kendo Asp.net Mvc,Kendo Multiselect,这是参考资料 </body> </html> Kendo UI MultiSelect小部件中的服务器筛选示例 </body> </html> 现在的问题是，我想在加载选定项后添加它。由于数据源是远程的（行为类似于自动完成），我不能直接附加它 <!DOCTYPE html> <html> <head> <base href="http://demos.telerik.com/kendo-ui/m

这是参考资料

</body>
</html>

Kendo UI MultiSelect小部件中的服务器筛选示例

</body>
</html>

现在的问题是，我想在加载选定项后添加它。由于数据源是远程的（行为类似于自动完成），我不能直接附加它

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/multiselect/serverfiltering">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.902/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.902/styles/kendo.material.min.css" />

    <script src="//kendo.cdn.telerik.com/2015.2.902/js/jquery.min.js"></script>
    <script src="//kendo.cdn.telerik.com/2015.2.902/js/kendo.all.min.js"></script>
</head>
<body>

<div id="example" >
    <div class="demo-section k-header">
        <h4>Products</h4>
        <select id="products"></select>
    </div>
    <script>
        $(document).ready(function() {
           $("#products").kendoMultiSelect({
placeholder: "Select products...",
dataTextField: "airline_name",
dataValueField: "airline_value",
autoBind: false,
dataSource: {
  serverFiltering: true,
  transport: {
    read: {
      url: "/**Server url **/",
    }
  }
}
});

</body>
</html>

MULTISELECT加载时没有数据源。在我的情况下，尚未加载值。以上只是一个示例

在下面的代码片段中，您可以看到您的示例正在运行。基本上，您的代码使用按钮选择数据源的两个元素

</body>
</html>

如果要使用文本字段选择ID，您应该将

json\u数组

定义为ID数组（在您的示例中是

ProductID

）（

Chai

，

八角糖浆

…），那么您应该在

kendoMultiSelect

中定义

dataValueField

是

ProductName

而不是

ProductId

</body>
</html>

$（文档）.ready（函数（）{
$（“#产品”）.kendoMultiSelect({
占位符：“选择产品…”，
dataTextField:“产品名称”，
dataValueField:“产品ID”，
自动绑定：错误，
数据源：{
类型：“odata”，
是的，
运输：{
阅读：{
url:“http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
}
}
}
});
$（“#选择”）。在（“单击”，函数（）{
$（“#产品”）.data（“kendoMultiSelect”）.value（[3,1]）；
});
})；


选择柴和茴香
产品

在下面的代码片段中，您可以看到您的示例正在运行。基本上，您的代码通过按钮选择数据源的两个元素

</body>
</html>

如果要使用文本字段选择ID，您应该将

json\u数组

定义为ID数组（在您的示例中是

ProductID

）（

Chai

，

八角糖浆

…），那么您应该在

kendoMultiSelect

中定义

dataValueField

是

ProductName

而不是

ProductId

</body>
</html>

$（文档）.ready（函数（）{
$（“#产品”）.kendoMultiSelect({
占位符：“选择产品…”，
dataTextField:“产品名称”，
dataValueField:“产品ID”，
自动绑定：错误，
数据源：{
类型：“odata”，
是的，
运输：{
阅读：{
url:“http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
}
}
}
});
$（“#选择”）。在（“单击”，函数（）{
$（“#产品”）.data（“kendoMultiSelect”）.value（[3,1]）；
});
})；


选择柴和茴香
产品

1）嗨，onaBai，这只是示例代码…我给出了…在我的代码中加载url dosnt返回json数组…我的场景是加载了Multiselect，数据源没有定义，因为它是服务器筛选器，但它包含url（按键时返回所需的json数组）2）$（“#产品”）。kendoMultiSelect（{占位符：“选择产品…”，dataTextField:“航空公司名称”，dataValueField:“航空公司价值”，自动绑定：false，数据源：{serverFiltering:true，传输：{read:{url:“/**服务器url**/”，}}}}}）；初始数据源为空…当执行以下代码时加载Multiselect:$（“#产品”）.data（“kendoMultiSelect”）.value（[{airline_name:“AA”，airline_value:“BB”}]）；//上面的语句不显示在所选值中，但在调用value（）函数1时显示值）嗨，onaBai，这只是示例代码…我给了…在我的代码中加载url dosnt返回json数组…我的场景是加载了Multiselect，数据源没有定义，因为它是服务器筛选器，但它包含url（在按键时返回所需的json数组）2$（“#产品”）。kendoMultiSelect（{占位符：“选择产品…，dataTextField:“airline_name”，dataValueField:“airline_value”，自动绑定：false，数据源：{serverFiltering:true，传输：{read:{url://**服务器url**/，}}}}}）；初始数据源为空…当执行以下代码时加载Multiselect:$（“#products”）.data（“kendoMultiSelect”）.value（[{airline_name:“AA”，airline_value:“BB”}]）；//上述语句不显示在所选值中，但在调用value（）函数时显示值