1

不幸的是,在使用 javascript 方法(在另一个 .js 文件中)填充 flexigrid 时,插入新行后 css 丢失了。页面中的其他部分都可以。

我使用以下代码:,

var newTbl = '<tr><td>' + id + '</td><td>' + name + '</td><td></tr>';   

$('#flexSwitch > tbody:last').append(newTbl);

我使用的html代码:

<div id="switchGridDiv"  style="width: 100%">
  <table id="flexSwitch" class="flexigrid"> 
   <tbody>

   </tbody>
  </table>          
</div>

我可以使用 jquery 的 .css() 方法,但是当考虑到 flexigrid css 的大小时,这肯定会花费太长时间。

任何建议,为什么会发生这种情况或任何其他方式如何解决它?

提前致谢

4

2 回答 2

0

如果您删除 > 并使用 ...

$('#flexSwitch tbody:last').append(newTbl);

?

另外...删除<td>...末尾的多余部分

var newTbl = '<tr><td>' + id + '</td><td>' + name + '</td><td></tr>';
于 2011-08-25T10:42:36.663 回答
0

使用 flexigrid 的 flexAddData 方法解决了关于 css 的问题:

var data = "{page:1, total:3, rows:["+
                "{id:'id0',cell:['101','A']},"+
                "{id:'id1',cell:['102','B']},"+
                "{id:'id2',cell:['103','C']}"+
                    "]}";

$('#flexSwitch').flexAddData(eval('(' + data + ')'));

感谢您的所有建议

于 2011-08-26T05:12:43.247 回答