0

イベントのセッションを整理するためのグリッド ビューを作成しました。このグリッドには、1 日の時間が 30 分刻みで左端の列に表示され、次に右側にイベントのさまざまなトラックが表示されます。セッションをグリッドにドラッグ アンド ドロップして、イベントなどをスケジュールできます。

ユーザーがその特定の日の時間を変更できるようにするモーダルがあります。現在、ユーザーが時間を変更したときにページを更新するように設定しています。これにより、グリッドが更新されます。

ページを更新せずに、必要な時間行を追加または削除したいと考えています。これで計算を行う方法がよくわかりません..私はそれが可能であることを確信しています。

オーガナイザーは PW で保護されたアプリの背後にありますが、それでも問題が理解できない場合は、フィドルをつなぎ合わせることができます。（サーバーなしで実行するのは難しく、時間がかかります）。

これが私の現在のセーブデイ機能です：

 saveEditDay: function(clicked){
        var fm = $('.edit-day-form');
        if(fm.valid()){
            $.ajax({
                type: "PUT",
                url: '<?=URL::to_action("api.day")?>/' + day_buttons.dayId,
                data: fm.serialize(),
                success: function(dayObject){
                    console.log('changing the button');
                    //only "current" day can be edited, so:
                    dayObject.is_current = true;
                    $('#day-btn-'+dayObject.id).replaceWith(ich.day_btn(dayObject));
                    $('.edit_header time').attr('datetime',dayObject.happens_at).text(dayObject.date_long);
                    //console.log(dayObject)
                    $('.days').trigger('change');
                    $('#edit_day_modal').modal('hide');  

                    //day_buttons.removeHourRows(dayObject)

                    //Temporary fix for showing new day times on save.
                    window.location = window.location.pathname;
                }
            });
        }
    },

tr を追加/削除しようとしているカレンダーのコードは次のとおりです。

http://jsfiddle.net/5QFAw/6/

4

1 に答える 1