DWZ框架 append一个表格到div里 class=table没有发挥作用

fadeaway1680 2015-11-05 09:53:11
在dwz框架中,实现一个功能:按下“添加”按钮把一个表格插入到一个空的div里(已设置表格class=table,代码如下),显示效果里没有class=table该有的样式UI,但设置的宽度width=180却有效。不知道是哪个环节出了问题。。。
<script type="text/javascript">
function add(){$(".table1").append("<table class=\"table\"><thead><tr>"+
"<th width=\"180\"></th>"+
"<th width=\"180\">客户号</th>" +
"<th width=\"180\">客户名称</th>" +
"<th width=\"180\">客户类型</th>" +
"<th width=\"180\">证件号码</th>" +
"<th width=\"180\">信用等级</th>" +
"<th width=\"180\">所属行业</th>" +
"<th width=\"180\">建档日期</th></tr></thead>" +
"<tbody><tr>" +
"<td>123</td>" +
"<td>A120113196309052434</td>" +
"<td>工程有限公司</td>" +
"<td>联社营业部</td>" +
"<td>2938293</td>" +
"<td>5级</td>" +
"<td>政府机构</td>" +
"<td>2009-05-21</td></tr>" +
"<tr><td>234</td>" +
"<td>A120113196309052434</td>" +
"<td>工程公司</td>" +
"<td>联社部</td>" +
"<td>2934393</td>" +
"<td>5级</td>" +
"<td>政府机构</td>" +
"<td>2009-05-21</td></tr></tbody></table>")}
</script>

效果图:
...全文
198 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
fadeaway1680 2015-11-10
  • 打赏
  • 举报
回复
由于dwz框架首次进入就已经全部加载完成,append()进去一个表格的话,需要对这个表格进行UI的初始化,才能使得HTML的拓展绑定js效果,因此才能得到"clas=table"的表格样式和效果。 注:初始化时应该使用initUI($("表格所在div")); 不能使用initUI();或者直接使用initEnv(),否则侧边栏样式会再次初始化,导致显示错误
fadeaway1680 2015-11-05
  • 打赏
  • 举报
回复
效果图:

87,954

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧