Question

我在剑道中使用了Kendo UI下拉列表和一个剑道蒙版文本框和一个视图按钮，我想在下拉列表中加载所有国家/地区并在文本框中选择对应给定建筑物名称的特定国家/地区并单击查看按钮请帮助

我在视图页面设计中使用mvc4 razor的kendo下拉列表

我的观看页面代码是：

$(document).ready(function(){
    $("#viewbutton").click(function(){
       $.ajax({
       type:'post',
       data:{name:Buildingname},
       url:'@url.Action("GetCountry");
       success:function(data)
       {
          //response particular country name and value  also all country name
         //next what will i do 
         //how to select corresponding country name
       }
    });
});

我的控制器代码是：

public JsonResult GetCountry(string name = null)
{ 
    dataTable dt;
    if(name == null)
    {
       dt = bal.country();
       for(int i = 0; i < dt.Rows.Count; i++)
       {
           ListName.Add(new SelectListItem
           {
               Value = dt.Rows[i]["CountryId"].Tostring(),
               Text = dt.Rows[i]["CountryName"].Tostring()
           });
       }
       return Json(new SelectList(ListName, "Value", "Text"), JsonRequestBehavior.AllowGet);
   }
   else
   {
       dt = bal.country(name);
       ListName.Add(new SelectListItem
       {
          Value = dt.Rows[i]["CountryId"].Tostring(),
          Text = dt.Rows[i]["CountryName"].Tostring()
       });
       return Json(new SelectList(ListName," Value", "Text"), JsonRequestBehavior.AllowGet); 
   }
}

Answer 1

在cs。

中更改以下代码

for(int i = 0; i < dt.Rows.Count; i++)
       {
           ListName.Add(new SelectListItem
           {
               Value = dt.Rows[i]["CountryId"].Tostring(),
               Text = dt.Rows[i]["CountryName"].Tostring()
               Selected=dt.Rows[i]["You respective field"].Tostring().Equals(name)?true:false
           });
       }

在javascript中：

$.each(data,function(i,item){
    //To add item in kedo dropdown use this code
$("#mydropdownlist").data("kendoComboBox").dataSource.add({ text: item.Text, value: item.Value });
});

选择特定项目：

$.each(data,function(i,item){
 var dropdownlist = $("#mydropdownlist").data("kendoDropDownList");        
        if(item.Selected==true){
            dropdownlist.select(function(dataItem) {
              return dataItem.symbol === item.Text;
            });
        }
    });

Answer 2

$.each(data,function(i,item){
 var dropdownlist = $("#mydropdownlist").data("kendoDropDownList");        
        if(item.Selected==true){
            dropdownlist.select(function(dataItem) {
              return dataItem.Text=== item.Text;
            });
        }
    });

如何在输入建筑物名称时显示特定值并单击查看按钮

2 个答案: