如何在同一頁面多次使用dhtmlXCombo

Question

我有一個JSP，我試圖使用dhtmlXCombo組件。

在JSP中，我有一個約100多行的表，每行都有一個訂單的詳細信息，在每一行的最後一列中，我想要一個dhtmlXCombo組件，我可以在其中更新每個訂單的狀態。 dhtmlXCombo有一個從數據庫中檢索的狀態選項列表。

我創建dhtmlXCombo如下：

var z = new dhtmlXCombo("testA", "testA", 200); 
z.loadXML("getStatus.xml"); 

沒有問題存在，但後來通過一個數組列表，我的代碼迴路和創建表中的行，因爲我創建每個每一行，我希望能夠說：

<div id="testA" style="width:200px; height:30px;"></div> 

，因爲我想用同樣的dhtmlXCombo每一行中，但不起作用，因爲DIV ID必須在頁面獨特的，所以我不能把DIV ID =「種皮」每個我創建的行（如果我這樣做，那麼它只會創建第一個dhtmlXCombo）。

有關如何解決此問題的任何建議？基本上我想在同一頁面中多次使用相同的dhtmlXCombo。

謝謝。

Answer 1

首先檢索xml，並在每次創建新的dhtmlXCombo時重新使用它。使用jQuery檢索XML

e.g：

<div id="testA" style="width:200px; height:30px;"></div> 
<div id="testB" style="width:200px; height:30px;"></div> 
<div id="testC" style="width:200px; height:30px;"></div> 

$(function() { 
    $.ajax({ 
     type: "GET", 
     url: "getStatus.xml", 
     dataType: "xml" 
    }).done(function (response) { 
     var testA = new dhtmlXCombo("testA", "testA", 200), 
      testB = new dhtmlXCombo("testB", "testB", 200), 
      testC = new dhtmlXCombo("testC", "testC", 200); 

     testA.loadXMLString(response); 
     testB.loadXMLString(response); 
     testC.loadXMLString(response); 
    }); 
}); 

另外，如果你不使用jQuery你可以使用dhtmlxAjax：

dhtmlxAjax.get("getStatus.xml", function (loader) { 
    var response = loader.xmlDoc.responseXML; 
    // ... 
});