是否可以在“fixheadertable”插件中使用AJAX数据?

时间:2014-04-29 12:51:35

标签: javascript jquery ajax fixheadertable

我在项目http://www.tablefixedheader.com/上使用此插件但我需要在创建表时放置一些动态数据。

构建表的Js代码是:

<script type="text/javascript">
    $.ajax({
            url: 'dialogs/WMS/mytable.php',
            success: function(data) {
                $('.maintab<?php echo $varc ?>
                ').html(data).fixheadertable({
                   colratio : [45, 24, 24, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150 ],
                   zebra : true,
                   sortable : true,
                   sortedColId : 3,
                   resizeCol : true,
                   height  : 150,
                   pager : true,
                   sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
                });
                            }
    });
</script>

我需要包含一些参数。我尝试了什么:

示例1(没有成功)

<script type="text/javascript">
     $.ajax({
      url:'dialogs/mytable.php?columns='<?php echo $column ?>,
      type: 'post',
      success: function(data) {
      $('.maintab<?php echo $varc ?>
       ').html(data).fixheadertable({
       colratio : [45, 24, 24, 180, 180, 180, 180, 180,180, 180, 180, 180, 180, 180]
       zebra : true,
       sortable : true,
       sortedColId : 3,
       resizeCol : true,
       height  : 150,
       pager : true,
       sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
       });
       }
       });
     </script>

示例2(没有成功)

<script type="text/javascript">
     $.ajax({
      url:'dialogs//mytable.php?columns='<?php $column ?>,
      type: 'post',
      success: function(data) {
      $('.maintab<?php echo $varc ?>
       ').html(data).fixheadertable({
       colratio : [45, 24, 24, 180, 180, 180, 180, 180,180, 180, 180, 180, 180, 180],
       zebra : true,
       sortable : true,
       sortedColId : 3,
       resizeCol : true,
       height  : 150,
       pager : true,
       sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
       });
       }
       });
     </script>

示例3(没有成功)

<script type="text/javascript">
 $.ajax({
  url:'dialogs/mytable.php',
   data: {
   columns: <?php echo $column ?>,
  }
  type: 'post',
  success: function(data) {
  $('.maintab<?php echo $varc ?>
   ').html(data).fixheadertable({
   colratio : [45, 24, 24, 180, 180, 180, 180, 180,180, 180, 180, 180, 180, 180],
   zebra : true,
   sortable : true,
   sortedColId : 3,
   resizeCol : true,
   height  : 150,
   pager : true,
   sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
   });
   }
   });
 </script>

示例4(没有成功)

<script type="text/javascript">
 $.ajax({
  url:'dialogs/mytable.php',
   data: {
   columns: <?php $column ?>,
  }
  type: 'post',
  success: function(data) {
  $('.maintab<?php echo $varc ?>
   ').html(data).fixheadertable({
   colratio : [45, 24, 24, 180, 180, 180, 180, 180,180, 180, 180, 180, 180, 180],
   zebra : true,
   sortable : true,
   sortedColId : 3,
   resizeCol : true,
   height  : 150,
   pager : true,
   sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
   });
   }
   });
 </script>

没有开发人员的答案,在论坛上没有发现任何类似内容。谁知道怎么办?

1 个答案:

答案 0 :(得分:0)

我得到了答案。对于谁使用此插件和需要数据库来推送数据,使用AJAX数据,您应该继续这样做:

<script type="text/javascript">
 $.ajax({
  url:'dialogs/mytable.php',
   data:{view: view,
        columns : '<?php echo $columns; ?>',
        },
  type: 'post',
  success: function(data) {
  $('.maintab<?php echo $varc ?>
   ').html(data).fixheadertable({
   colratio : [45, 24, 24, 180, 180, 180, 180, 180,180, 180, 180, 180, 180, 180],
   zebra : true,
   sortable : true,
   sortedColId : 3,
   resizeCol : true,
   height  : 150,
   pager : true,
   sortType : ['integer', 'string', 'string', 'string', 'string', 'date']
   });
   }
   });
 </script>

顺便说一句,感谢所有试图帮助解决这个问题的人:)