1
即时通讯相当新的jQuery和Im使用jquery tools for tabs。我想要在其中一个选项卡中显示flexigrid,但是当我尝试执行此操作时,flexigrid不显示,它只是空白。如果我在选项卡外部的独立页面中安装flexigrid,它工作得很好。下面是没有工作的代码。再一次新的,所以请容易!不能得到flexigrid工作在jquery工具选项卡
<ul class="css-tabs">
<li><a href="#details">Account Details</a></li>
<li><a href="#accounts">Sub Accounts</a></li>
<li><a href="#groups">Groups</a></li>
<li><a href="#support">Tickets</a></li>
</ul>
<div class="css-panes">
<div>Tab 1</div>
<div><table id="flex1" style="display:none"></table></div>
<div>Tab 3</div>
<div>Tab 4</div>
</div>
<script>
$(function() {
$("ul.css-tabs").tabs("div.css-panes > div").history();
});
$('.flexme1').flexigrid();
$('.flexme2').flexigrid({height:'auto',striped:false});
$("#flex1").flexigrid
(
{
url: '/accounts_list.php',
dataType: 'json',
colModel : [
{display: 'ID', name : 'id', width : 45, sortable : true, align: 'center'},
{display: 'Username', name : 'username', width : 120, sortable : true, align: 'left'},
{display: 'Display Name', name : 'displayname', width : 150, sortable : true, align: 'left'},
{display: 'Limit', name : 'accounts', width : 50, sortable : true, align: 'center'},
{display: 'Rate', name : 'charge', width : 50, sortable : true, align: 'center'},
{display: 'Subs', name : 'subcount', width : 50, sortable : true, align: 'center'}
],
searchitems : [
{display: 'ID', name : 'id'},
{display: 'Username', name : 'username', isdefault: true},
{display: 'Display Name', name : 'displayname'}
],
sortname: "id",
sortorder: "desc",
usepager: true,
singleSelect: true,
title: 'Test',
useRp: true,
rp: 20,
showTableToggleBtn: false,
width: 500,
height: 250
});
</script>
您好,非常感谢您的反馈!我试图删除你提到的2行,但仍然没有工作。然后删除标签的历史部分,仍然没有工作。只是因为某些原因玩弄它似乎flexigrid无法看到/找到第二个div内的表ID:
查看答案,我已经更新了。在使用它们时我没有发现任何问题。我使用jQuery 1.3.2。 – guzart 2010-02-21 18:38:34