VPF::Использование jqGrid с другими плагинами

Prontit

Дата 24.8.2012, 12:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 87
Регистрация: 19.10.2011

Репутация: нет
Всего: 1

Добрый день!

Проблема в следующем, использую UI JQuery, а именно Tabs для отображения страниц

Код


                //Tabs
                $(function() {
                $( "#tabs" ).tabs({
                ajaxOptions: {
                error: function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html(
                        "Не могу запустить страницу" +
                        "Ошибка" );
                }
                        }
                });
                });

Код


<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Preloaded</a></li>
        <li><a href="ajax/content1.php">Tab 1</a></li>
        <li><a href="ajax/content3.php">Tab 2</a></li>
        <li><a href="ajax/content2.html">Tab 3 (slow)</a></li>
        <li><a href="/ajax/index.html">Tab 4 (broken)</a></li>
    </ul>
    <div id="tabs-1">
        <p>123123</p>
    </div>
</div>

тут все работет, кроме index.html, именно там располагается таблица jqGrid http://www.trirand.com/blog/?page_id=6

Код


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Использование jqGrid</title>

    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    
    <meta name="description" content="использование jqGrid" />
    <meta name="keywords" content="jqGrid, javascript, jquery" />
    
    <link rel="stylesheet" type="text/css" media="screen" href="themes/steel/grid.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
</head>
<body>
    <table id="list" class="scroll"></table> 
    <div id="pager" class="scroll" style="text-align:center;"></div>
    
    <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.jqGrid.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){ 
        jQuery("#list").jqGrid({
            url:'getdata.php',
            datatype: 'json',
            mtype: 'POST',
            colNames:['#', 'Фамилия', 'Имя', 'Отчество'],
            colModel :[
                {name:'id', index:'id', width:30}
                ,{name:'surname', index:'surname', width:80, align:'right'}
                ,{name:'fname', index:'fname', width:90}
                ,{name:'lname', index:'lname', width:80, align:'right'}
                ],
            pager: jQuery('#pager'),
            rowNum:5,
            rowList:[5,10,30],
            sortname: 'id',
            sortorder: "asc",
            viewrecords: true,
            imgpath: 'themes/basic/images',
            caption: 'Данные пользователей'
        }); 
    }); 
    </script>
</body>
</html>

появляется только серая полоса, сама таблица не грузится. заметил, что именно так же она отображается если просто запустить файл, не из под сервера.

в чем тут проблема?

Заранее благодарю за помощь!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »