2013-02-28 101 views
1

我有問題,我kendoAutoComplete我想結合兩個領域kendoAutoComplete,現在我可以一個字段名稱綁定到dataTextField但對於像ID另一場我沒有任何其他選擇,以下是我的代碼像dataTextField kendoAutoComplete選項?

var alld=""; 
function getData(req) { 
      $.ajax({ 
       url: 'BookingCity.asmx/GetAllCityBus', 
       contentType: 'application/json; charset=utf-8', 
       type: 'POST', 
       dataType: 'json', 
       minLength: 1, 
       async: false, 
       cache: false, 
       data: "{'prefixText':'" + req + "'}", 
       success: function(response) { 
        alld = response.d; 


            }, 
       error: function(xhr, status) { 
        alert("error"); 
       } 

      }); 
     } 
$("#totext").kendoAutoComplete({ 
       dataSource: { 
        read: getData($("#totext").attr("value")), 
        data: alld 

       }, 
       minLength: 2, 
       placeholder: "Select city...", 
       dataTextField: "Name", 
       dataTextField:"Id" 


      }); 
+0

你想允許用戶鍵入的ID或者是一個名稱,並在kendoAutoComplete同時處理?或者您是否需要返回與dataTextField相對應的值(如Id),以便識別選定的對象? – Dean 2013-03-07 00:27:25

回答

1

你爲什麼想這樣做?只能將一個字段綁定到dataTextField屬性,因此如果要顯示兩個字段,只需向數據源添加一個計算字段,該字段包含兩個字段的連接值並綁定到該字段。

1

您可以使用模板來實現這一目標:

$("#totext").kendoAutoComplete({ 
      template: "#=Name# #=Adress#", 
      //.. rest of the options 
1

我想你可能會尋找dataValueField:"Id"

注:

dataValueField不kendoAutoComplete使用(我的道歉)。它出現在Kendo UI網站上的演示頁面上。看來可以使用dropdownlist或combobox代替。

這假設你需要返回一個與dataTextField相對應的值(如Id)。

你可以閱讀更多關於它的Kendo UI Forums - DataValueField does exist ?

或看到相關摘錄:

自動完成UI控件仍然存在只有選定的文本。實際上,您只能發佈輸入元素的內容。這是預期的行爲。至於演示,「dataValueField」是錯誤的,我們將修復KendoUI的下一個版本。

爲了實現您的目標,您將需要使用下拉列表或組合框,它會保留選定的ID。

問候, 格奧爾基Krustev 的Telerik的團隊

+1

這不提供問題的答案。要批評或要求作者澄清,請在其帖子下方留言。 – valex 2013-03-06 05:52:13

+0

@valex對不起,你是正確的刪除我的答案。不過,我已經修改了它,並按照您的建議留下了對作者的評論 – Dean 2013-03-07 00:43:39

相關問題