多个记录

我自动完成框的选定值绑定到一个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

回答

相关问题