javascript - 如何将逗号分隔元素的动态列表传递到 jQuery 插件选项中

标签 javascript jquery jquery-ui jquery-plugins fixed-header-tables

我正在使用 jQueryfixedheadertable 插件。该插件允许用户拥有一个固定的标题,每当向下滚动表格时,该标题都会保持在静态位置。 但是,我的问题更多的是一般的 js 问题

这是我初始化插件的代码:

setupClipboardTable:function(){
    var height  = jQuery('#clipboardTypeContainer').height();
    var width   = jQuery('#clipboardTypeContainer').width();
    var colW    = 150 
    var colCnt  = jQuery('#adCbColCnt').val();

    //var colratioString = [ colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW, colW ];
    var colratioString = [ 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150 ];

    jQuery('#Clipboard'+cbType).fixheadertable({
         height : height,
         whiteSpace     : 'nowrap', //normal
         addTitles      : true,
         colratio       : colratioString,
    });
},

基本上,我的问题是,对于我的表,列数将根据用户选择的首选项而变化。一旦该数字发生变化,我们就必须重新运行此函数才能使表格正确显示。主要思想是 var 'colratioString' 中的值必须与表中的列数相同。这些数字(例如:150)可以设置为我们想要的任何值,但为了简单起见,我现在将它们全部保留为 150。

我试图克服的障碍是有时我可能需要 colratioString 看起来像这样:

colratioString = [ 150, 150, 150, 150]

有时我可能需要它看起来像这样

colratioString = [ 150, 150, 150, 150, 150, 150, 150]

等等。

有什么方法可以获取 colCnt 值(这是我将拥有的正确列数),并创建具有正确数量值的 colratioString 吗?

这是一个例子。如果...

var colCnt = 5

然后

var colratioString = [ 150, 150, 150, 150, 150 ]

我在如何获取 colCnt 的值并创建一个包含我需要的确切格式的 colratioString 变量时遇到了麻烦。

感谢您的阅读!

最佳答案

您可以创建数组并填充它:

var colratioString = [];
for (var i = 0; i < colCnt; i++) colratioString[i] = 150;

关于javascript - 如何将逗号分隔元素的动态列表传递到 jQuery 插件选项中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25691839/

相关文章:

javascript - Gnuplot:网站上嵌入的交互式 SVG 图形在缩放时显示错误的鼠标坐标

javascript - React slick 和 React router Link 不区分单击和拖动

javascript - 长时间工作后调用函数(回调)

jquery - 未捕获的 TypeError : $(…). 不是一个函数

jquery-ui - 为什么 tumblr jquery ui addclass 缓动在预览中工作而不是博客

JQuery UI 时间 slider

javascript - 向 JISON 添加声明

java - 如何使用 c :out 不转义 JSTL 中的字符

javascript - 如何使用 jquery 添加 img 标签的 alt 属性

asp.net - 如何强制在成功函数中完成的 DOM 修改保留在 jQuery.Ajax() 调用中?