如何使用jquery在MVC中动态创建表中将表显示为标记的工具提示

时间:2014-09-23 12:08:00

标签: javascript jquery html

我希望将表格结构显示为" td"动态创建表中的标记。就像,我正在使用jquery动态创建一个表。我想展示另一个包含三行的表格结构作为" td"哪个有class ='工具提示'

    var html = '<tr class="trList">';

    html += '<td style="display:none" class="tdEmpCompId"><span class="spcompempId">'+data.GetEmployeesDetails[i].EMP_COMP_ID+'</span></td>';
    html += '<td  style="text-align: left" class="tdEmpName"><a class="text-success accordion-toggle ViewTimesheet" data-toggle="collapse" data-target="#demo1" id="view1" rel="' + data.GetEmployeesDetails[i].EMP_ID + '"><i class="fa fa-lg fa-plus-circle"></i></a></td>';
    html += '<td class="tool-tip"><i class="fa fa-list"></i></td>';
    html += '<td  style="text-align: left"><input type="text" id="GetEmployeesDetails_' + i + '__EMPLOYEE_NAME" value="' + data.GetEmployeesDetails[i].EMPLOYEE_NAME + '" class = "project-input", readonly ="true", style = "width:180px;text-align:left;"  /></td>';
    html += '<td style="text-align: left"><input type="text" id="GetEmployeesDetails_' + i + '__RES_TYPE" value="' + data.GetEmployeesDetails[i].RES_TYPE + '" class = "project-input", readonly ="true", style = "width:180px;text-align:left;"  /></td>';
    html += '<td  class="tdStartDate" style="text-align: left" ><input type="text" id="GetEmployeesDetails_' + i + '__SDate" value="' + sweekDate + '" class = "project-input", readonly = "true"/></td>';
    html += '<td  class="tdEndDate" style="text-align: left" ><input type="text" id="GetEmployeesDetails_' + i + '__EDate" value="' + eweekDate + '" class = "project-input", readonly = "true" /></td>';
    html += ' <td  class="tdStatus" style="text-align: left"  title="' + status + '"><span class="' + spnClass + ' bg-radius" style="color:white;width:180px;">&nbsp;&nbsp;' + data.GetEmployeesDetails[i].EMP_STATUS + '&nbsp;&nbsp;</span></td>';

    html += '</tr>';
    $("#dt_basic").find('tbody').append(html);

对于工具提示:

   var tooltip = "<div style='display:none;' ><table class='table-details'><tr><td>Employee Id:</td><td>" + data.GetEmployeesDetails[i].EMP_COMP_ID + "</td></tr>";
    tooltip += "<tr><td>Employee Name :</td>" + data.GetEmployeesDetails[i].EMPLOYEE_NAME + "</td></tr>";
    tooltip += "<tr><td>Email :</td>" + data.GetEmployeesDetails[i].PRI_EMAIL_ID + "</td></tr></table></div>";

我试图将其作为标题放在&#34; td&#34;标签,但它不显示为表格设计,但它与html表格标签一样显示。请帮助我。在此先感谢。

0 个答案:

没有答案