首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >“li”-列表表单中的条目数(在Datatable上)

“li”-列表表单中的条目数(在Datatable上)
EN

Stack Overflow用户
提问于 2014-01-07 06:33:35
回答 1查看 346关注 0票数 0

我是新来的,我会尽力解释的。在每个数据表头上,我们都有显示条目,如果我们有一些选项,比如10,20,30.这通常显示在select选项中,Insted I希望它在ul li的列表中。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-07 07:36:14

您需要修改jquery.dataTables.js文件,请参阅下面创建菜单项长度的代码:-(请注意,这是jquery.dataTables.js文件中的代码,您需要根据选择选项下拉到ul li列表进行修改)

代码语言:javascript
运行
复制
        /* This can be overruled by not using the _MENU_ var/macro in the language variable */
        var sName = 'name="'+oSettings.sTableId+'_length"';
        var sStdMenu = '<select size="1" '+sName+'>';
        var i, iLen;
        var aLengthMenu = oSettings.aLengthMenu;

        if ( aLengthMenu.length == 2 && typeof aLengthMenu[0] === 'object' && 
                typeof aLengthMenu[1] === 'object' )
        {
            for ( i=0, iLen=aLengthMenu[0].length ; i<iLen ; i++ )
            {
                sStdMenu += '<option value="'+aLengthMenu[0][i]+'">'+aLengthMenu[1][i]+'</option>';
            }
        }
        else
        {
            for ( i=0, iLen=aLengthMenu.length ; i<iLen ; i++ )
            {
                sStdMenu += '<option value="'+aLengthMenu[i]+'">'+aLengthMenu[i]+'</option>';
            }
        }
        sStdMenu += '</select>';

        var nLength = document.createElement( 'div' );
        if ( !oSettings.aanFeatures.l )
        {
            nLength.id = oSettings.sTableId+'_length';
        }
        nLength.className = oSettings.oClasses.sLength;
        nLength.innerHTML = '<label>'+oSettings.oLanguage.sLengthMenu.replace( '_MENU_', sStdMenu )+'</label>';

        /*
         * Set the length to the current display length - thanks to Andrea Pavlovic for this fix,
         * and Stefan Skopnik for fixing the fix!
         */
        $('select option[value="'+oSettings._iDisplayLength+'"]', nLength).attr("selected", true);

        $('select', nLength).bind( 'change.DT', function(e) {
            var iVal = $(this).val();

            /* Update all other length options for the new display */
            var n = oSettings.aanFeatures.l;
            for ( i=0, iLen=n.length ; i<iLen ; i++ )
            {
                if ( n[i] != this.parentNode )
                {
                    $('select', n[i]).val( iVal );
                }
            }

            /* Redraw the table */
            oSettings._iDisplayLength = parseInt(iVal, 10);
            _fnCalculateEnd( oSettings );

            /* If we have space to show extra rows (backing up from the end point - then do so */
            if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
            {
                oSettings._iDisplayStart = oSettings.fnDisplayEnd() - oSettings._iDisplayLength;
                if ( oSettings._iDisplayStart < 0 )
                {
                    oSettings._iDisplayStart = 0;
                }
            }

            if ( oSettings._iDisplayLength == -1 )
            {
                oSettings._iDisplayStart = 0;
            }

            _fnDraw( oSettings );
        } );
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20965339

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档