Question

我正在开发一个javascript数组。我从大小为122的后端获取一个列表。但是我将所有元素推送到一个javascript数组并在UI中显示所有这些元素。但显示屏中只能显示30个。

我正在使用JQGrid javascript框架工作进行网格显示。需要一些帮助才能知道我在这里缺少什么。：（

请找到以下代码：

var list= '<%=list%>';
alert(list.length);
for(i=0;i<list.length;i++){
            list.push({'list':list[i] });
        } 
//alert gives me an expected answer (122) but in display only 30 are available.
//JQGRID CODE
jQuery("#jqGrid1").jqGrid({ 
            datatype: "local",
            data: list,
            width : 600,
            height: 600, 
            shrinkToFit: false,
            forceFit: true,
            colModel: [
                { label: 'List', name: 'list', index: 'list', width: 350, align: 'left', classes:'zeroBorderRight' }
            ],
            gridComplete: function(){


                jQuery('.ui-jqgrid-bdiv').css({'height':'auto', 'max-height':'100px'}); 
                jQuery('.ui-th-column').css({'background':'#F2F2F2','height':'25px','text-align':'left'});
                jQuery('.ui-jqgrid tr.jqgrow td').css({'height':'20px'});

                 $(this).find(">tbody>tr.jqgrow").removeClass("myAltRowClassEven myAltRowClassOdd");
                 $(this).find(">tbody>tr.jqgrow:odd").addClass("myAltRowClassEven");
                 $(this).find(">tbody>tr.jqgrow:even").addClass("myAltRowClassOdd");
                 $('.ui-corner-all').addClass('ui-zero-corner');

            },
            onSortCol: function (index, columnIndex, sortOrder) {
                $(this).find(">tbody>tr.jqgrow").removeClass("myAltRowClassEven myAltRowClassOdd");
                $(this).find(">tbody>tr.jqgrow:odd").addClass("myAltRowClassEven");
                 $(this).find(">tbody>tr.jqgrow:even").addClass("myAltRowClassOdd");
            }
        });

JavaScript数组推送方法在推送后不显示所有元素

0 个答案: