1

下面的代码是来自这里的 Codeigniter 事件日历功能。

日历是可点击的，您可以通过“提示”框在日期字段中输入数据。然后数据将显示在日历日期字段中。

但是，我正在尝试使用带有“微调器”的 JQUERY“对话框”框作为输入字段，而不是“提示”框。

当我尝试使用 AJAX 发布数据时，下面的所有代码都可以完全接受 JQUERY 部分。Codeigniter 无法从对话框中检测到 POST 数据。

有人可以帮忙吗？

     //CONTROLLER

    class Mycal extends CI_Controller {

    public function index() {
       $this->display();
    }

    function display($year = null, $month = null){

    if (!$year) {
        $year = date('Y');
    }
    if (!$month) {
        $month = date('m');
    }

    $this->load->model('Mycal_model');

    if($day = $this->input->post('day')){
        $this->Mycal_model->add_calendar_data(
            "$year-$month-$day",
            $this->input->post('data')
        );
    }

    $data['calendar'] = $this->Mycal_model->generate($year, $month);

    $this->load->view('mycal_view', $data); 
}

}

    //MODEL

    class Mycal_model extends CI_Model{

    function get_calendar_data($year, $month){

    $query = $this->db->select('date, data')->from('calendar')
        ->like('date', "$year-$month", 'after')->get();

    $cal_data = array();

    foreach ($query->result() as $row){
        $cal_data[substr($row->date,8,2)] = $row->data;
    }

    return $cal_data;
}

function add_calendar_data($date, $data){

    if($this->db->select('date')->from('calendar')
        ->where('date', $date)->count_all_results()) {

        $this->db->where('date', $date)->update('calendar', array(
            'date'=>$date,
            'data'=>$data
        ));

    }else{

        $this->db->insert('calendar', array(
            'date'=>$date,
            'data'=>$data
        ));
    }
}

function generate ($year, $month){

    $this->load->library('calendar', $this->conf);
    $cal_data = $this->get_calendar_data($year, $month);    
    return $this->calendar->generate($year, $month, $cal_data)      
}


    //VIEW

    <?php echo $calendar; ?>

    <div id="dialog-form" title="Select number of items">

    <p>
        <label for="spinner">Number of items:</label>
        <input id="spinner" name="spinner" value="0" />
    </p>

    </div>

    //JQUERY

    <script type="text/javascript">

$(document).ready(function() {

    $(function() {
        $( "#spinner" ).spinner({
            min: 0,
            max: 10,
            step: 1,
        });
    });

    $('.calendar .day').click(function() {
        $('#dialog-form').dialog("open");
    }); 

    $(function() {  
        $('#dialog-form')
            .attr('title', 'Number of items')
            .dialog({ 
                autoOpen: false,
                buttons: { 
                    'Ok': function() {
                        day_num = $(this).find('.day_num').html();
                        day_data = $("#spinner").val();


                            $.ajax({
                                url: window.location,
                                type: 'POST',
                                data: {
                                    day: day_num,
                                    data: day_data
                                },
                                success: function(msg){
                                    location.reload();
                                }
                            })      
                    },

                },

            });

    });
}); 
</script>
4

1 回答 1

1

我感谢您帮助我找到了解决问题的方法。这是我的代码。

//JQUERY

    <script type="text/javascript">

$(document).ready(function() {
    $('.calendar .day').click(function() {
      $('#dialog-form').dialog("open");

      day_num = $(this).find('.day_num').html();
      day_data = $("#spinner").val();
    });


    $(function() {
        $( "#spinner" ).spinner({
            min: 0,
            max: 10,
            step: 1,
        });
    });



    $(function() {  
        $('#dialog-form')
            .attr('title', 'Number of items')
            .dialog({ 
                autoOpen: false,
                buttons: { 
                    'Ok': function() {

                            $.ajax({
                                url: window.location,
                                type: 'POST',
                                data: {
                                    day: day_num,
                                    data: day_data
                                },
                                success: function(msg){
                                    location.reload();
                                }
                            })      
                    },

                },

            });

    });
}); 
</script>
于 2013-01-03T04:56:19.117 回答