JQUERY обновить вкладки при изменении поля DatePicker - PullRequest
Новая
       8

JQUERY обновить вкладки при изменении поля DatePicker

0 голосов
/ 30 октября 2009

У меня есть указатель даты в пользовательском интерфейсе Jquery и некоторые вкладки пользовательского интерфейса, отображающие некоторые данные через AJAX (в ASP.NET 1.1 ...), я хотел бы обновить все объекты вкладок при выборе новой даты.

Может ли каждый помочь мне ?????

Это мой код: 

<script type="text/javascript">
function getId(){
    var TabSel = $('#tabs').tabs('tabsselect').val();
    return TabSel
}
function getDate(){
    var dataPick = $('#datepicker').val();
    return dataPick
}
$(document).ready(function() {
        $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['it']));
        $("#datepicker").datepicker(
        {showOn: 'button', defaultDate: '-1w', showDefault: true, buttonImage: 'images/cal.gif', buttonImageOnly: false,
            altField: '#alternate', altFormat: 'yymmdd'}
        );

        $('#datepicker').datepicker({
            onSelect: function(dateText, inst) { 
               //change the tabs here.
                $('#tabs').tabs({ 
                spinner: '<b>Caricamento in corso....</b>',
                ajaxOptions: { data: { id: getId, seldate: getDate}}
                });

            }
            });
    });
</script>
</HEAD>
<body>
    <div class="demo">
        <p>Data: <input type="text" id="datepicker" value="01/10/2009" ><input type="hidden" id="alternate" >   
        </p><br>    
        <div id="tabs">
            <ul>
                <li>
                    <a href="Tab1.aspx" id="Tab1">Tab1</a>
                <li>
                    <a href="Tab2.aspx" id="Tab2">Tab2</a>
                <li>
                    <a href="Tab3.aspx" id="Tab3">Tab3</a>
                </li>
            </ul>
        </div>
    </div> <!-- End demo -->
</body>

Большое спасибо.

Алессандро

1 Ответ

0 голосов
/ 30 октября 2009

Реализация изменений вкладки в методе onSelect jQuery Datepicker. 

$('#datepicker').datepicker({
   onSelect: function(dateText, inst) { 
       //change the tabs here.
   }
});
...