多個記錄

我自動完成框的選定值綁定到一個div標籤作爲多個記錄

var data = "<div class='close'><table><tr><td rowspan='4' width='50px;'><img src='" + studentItem.Photo + "' Width='48' Height='48' /></td><td>" + studentItem.Name + " (<span class='stuId'>" + studentItem.StudentId + "</span>)</td><td align='right' ><div id='close' class='close16'/></td></tr><tr><td><table cellpadding='0' cellspacing='0'><tr><td>" + studentItem.Email + "</td><td>&nbsp;|&nbsp;</td><td>" + studentItem.Mobile + "</td></tr></table></td></tr></table></td></tr></table></div>"; 
      $('#students').css('background-color', '#FFAA55'); 
      $("#students").append(data);

及其DATAS結合，並在div標籤displyaing作爲

enter image description here

我希望每個記錄應該在一個單獨的框中，例如看看我們的計算器中的標記框

enter image description here

我想結果應該是這樣的上面.......我甚至試圖將div腳本包括到一個表中，但它顯示了整行中的單個記錄，而對於第二個記錄它來到第二行，我試圖包括內聯的CSS，這也不工作...我怎麼能解決這個問題，誰能幫助我..

我試圖設置邊距和浮動樣式爲我的div標記爲

<tr> 
    <td colspan="10" > 
     <div id="students" style="float: left; clear: both; margin: 25px"></div> 
    </td> 
</tr>

我試圖通過用於測試目的設定餘量25像素現在的輸出是

enter image description here

只是空間的文本框和DIV DIV內的記錄並不在之間來了，我怎麼能解決這個問題....

來源

2012-04-10 shanish

爲了分離盒，使用margin。要讓它們並排排列，但是打包，請使用float: left，然後使用clear: both元素，或使用display: inline-block。

來源

2012-04-10 10:30:04

我嘗試添加樣式到DIV腳本爲u建議，我的代碼現在是

.....但它報告了一些錯誤時，我運行應用程序 – shanish 2012-04-10 10:46:13

@Shanish：除非您發佈錯誤信息，否則我們無法幫助您。一般來說，如果你弄錯了，CSS不會產生錯誤;唯一會發生的事情是，外觀不完全是你想要的。你的錯誤可能是由別的東西引起的。 – 2012-04-10 11:04:39

請檢查我更新的問題.... – shanish 2012-04-10 11:23:26

如果你可以使用一些其他的jQuery插件，那麼這可能是有用的：jQuery Autosuggest

來源

2012-04-10 10:30:49

感謝Sudhir，不應該使用插件，無論如何我會嘗試 – shanish 2012-04-10 11:28:27

無需在var中的數據來創建<table>。你可以把<table>外面而且每當你添加<td>在<table><tr>標籤。

根據情況另外使用多個<div>。

 <div id="Adddiv" runat="server" clientidmode="Static" > 
     </div> 

     ===============jQuery============ 
     var html = "<div id='Adddata'>"; 
     html += "<a herf='#' style='cursor: pointer;'>"; 
     html += "<img src='close.png' alt='' /></a>"; 
     html += "</div>"; 

     $("#Adddiv").append(html);

來源

2012-04-10 10:31:32

謝謝Hiren，我不明白你的代碼，你可以解釋一下 – shanish 2012-04-10 11:29:08

我以前做過同樣的事情。 div「Adddiv」是主div，其中其他記錄添加在單行中。與關閉按鈕。剩下的代碼是針對jquery的。在這裏我生成HTML＆然後將它追加到「adddiv」 – 2012-04-10 12:23:16

回答

相關問題