jqgird: проблемы с подкачкой из существующей таблицы - PullRequest
Новая
       21

jqgird: проблемы с подкачкой из существующей таблицы

0 голосов
/ 25 августа 2010

Я запустил еще одну запись , желая узнать, как использовать jqgrid при преобразовании html-таблицы в сетку. У меня это работает. Однако данные не разбиты на страницы. Он преобразует таблицу в сетку, отображает элементы управления пейджером и все; однако это показывает page 1 of 0. Данные выгружаются только тогда, когда я выбираю другой размер страницы из выпадающего списка.

Почему данные не выгружаются? Нужно ли мне звонить еще, чтобы это произошло? 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
    jqGrid Actual Demo
</title><link type="text/css" rel="Stylesheet" href="jquery-ui-1.8.4.custom/css/custom-theme/jquery-ui-1.8.4.custom.css" /><link type="text/css" rel="Stylesheet" href="jquery.jqGrid-3.7.2/css/ui.jqgrid.css" />

    <script src="jquery.jqGrid-3.7.2/js/jquery-1.4.2.min.js" type="text/javascript"></script>

    <script src="jquery.jqGrid-3.7.2/js/i18n/grid.locale-en.js" type="text/javascript"></script>

    <script src="jquery.jqGrid-3.7.2/js/jquery.jqGrid.min.js" type="text/jscript"></script>

    <script type="text/javascript">
        $(function() {
            tableToGrid('#GridView1', {
                datatype: 'local',
                rowNum: 10,
                pager: '#pager',
                rowList: [10, 20, 30]
            });
        });
    </script>

</head>
<body>
    <form name="form1" method="post" action="Default2.aspx" id="form1">

    <div>
        <div>
    <table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
        <tr>
            <th scope="col">EmployerID</th><th scope="col">EmployeeID</th><th scope="col">Lastname</th><th scope="col">FirstName</th><th scope="col">Addr1</th><th scope="col">Addr2</th><th scope="col">City</th><th scope="col">State</th><th scope="col">Zip</th><th scope="col">Country</th>
        </tr><tr>
            <td>285</td><td>   519828</td><td>TURTZ             </td><td>JAIME DEE         </td><td>1249 NEVADA SKY ST            </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89101     </td><td>US </td>
        </tr><tr>
            <td>710</td><td>    00862</td><td>LOPEZ             </td><td>JOSE              </td><td>2752 E. TROPICANA             </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89120     </td><td>USA</td>
        </tr><tr>
            <td>710</td><td>    00832</td><td>BLUE              </td><td>JOSE              </td><td>3924 AQUARMARINE WAY #81      </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89103     </td><td>USA</td>
        </tr><tr>
            <td>710</td><td>    00101</td><td>PECK              </td><td>MARICELA          </td><td>2601 GRAND CANYON DR #2037    </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89117     </td><td>USA</td>
        </tr><tr>
            <td>710</td><td>    00855</td><td>GONZALEZ          </td><td>FLOYD             </td><td>1500 STARDUST RD #3082        </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89109     </td><td>USA</td>
        </tr><tr>
            <td>875</td><td>    27599</td><td>ESCAMILLA         </td><td>FRANCISCO         </td><td>6689 CHURNET VALLEY           </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89139     </td><td>US </td>
        </tr><tr>
            <td>875</td><td>    27599</td><td>ESCAMILLA         </td><td>FRANCISCO         </td><td>6689 CHURNET VALLEY           </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89139     </td><td>US </td>
        </tr><tr>
            <td>CCR</td><td>    96208</td><td>COLLIER           </td><td>SYLVIA            </td><td>705 WASHINGTON #21            </td><td>                              </td><td>RENO                          </td><td>NV </td><td>89053     </td><td>   </td>
        </tr><tr>
            <td>710</td><td>      113</td><td>YU                </td><td>YENJEN            </td><td>8120 MT ROYAL CT              </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89128     </td><td>USA</td>
        </tr><tr>
            <td>190</td><td>    41643</td><td>MCBEATH           </td><td>WILLIAM           </td><td>2212 PAIUTE MEADOWS           </td><td>                              </td><td>LAS VEGAS                     </td><td>NV </td><td>89134     </td><td>US </td>
        </tr>
        <!-- up to 300 rows -->
    </table>
</div>

        <div id="pager">
        </div>
    </div>
    </form>
</body>
</html>

Ответы [ 2 ]

2 голосов
/ 25 августа 2010

Мне кажется, что у вас та же проблема, что и описанная в Проблема разбиения на страницы в jqgrid с данными массива .

Попробуйте позвонить 

jQuery("#GridView1").setGridParam({ rowNum: 10 }).trigger("reloadGrid");

после tableToGrid.

0 голосов
/ 28 марта 2014

Вы можете написать следующий код в качестве обходного пути после вызова tableToGrid

jQuery("#GridView1").jqGrid('setGridParam', {page: 1}).trigger("reloadGrid");

...