Question

我已经在项目上实现了数据表固定列，第一个（patients_report）数据表报告工作得很好，但第二个（visitation_report）报告失败请告知我该如何解决这个问题？以下是我的代码：

<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.js"></script>
<script type="text/javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="http://www.datatables.net/release-datatables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>

<link href='http://www.datatables.net/release-datatables/media/css/jquery.dataTables.css' rel='stylesheet'>

<link href='http://www.datatables.net/release-datatables/extensions/FixedColumns/css/dataTables.fixedColumns.css' rel='stylesheet'>

<script type="text/javascript">
    var j = jQuery.noConflict();
    j(document).ready(function () {


        j(document).ready(function () {
            var table = j('.patients_report').DataTable({
                scrollY: "300px",
                scrollX: true,
                scrollCollapse: true,
                paging: false
            });

            new j.fn.dataTable.FixedColumns(table, {
                leftColumns: 0,
                rightColumns: 1
            });
            fc.fnUpdate();
        });



        j(document).ready(function () {
            var visitation_table = j('.visitation_report').DataTable({
                scrollY: "300px",
                scrollX: true,
                scrollCollapse: true,
                paging: false
            });

            new j.fn.dataTable.FixedColumns(visitation_table, {
                leftColumns: 0,
                rightColumns: 1
            });
            fc.fnUpdate();
        });


        j('.edit_patient_link').click(function () {


            //get data
            var patient_id = j(this).closest('tr').find('input[name="view_patient_id"]').val();

            j.ajax({
                type: "GET",
                url: "<?php echo base_url(); ?>reports/get_patient_reports_details/" + patient_id,
                dataType: "json",
                success: function (response) {
                    j('#edit_patient_id').val(response[0].patient_id);
                    j('#edit_title').val(response[0].title);
                    j('#edit_phone_no').val(response[0].phone_no);
                    j('#edit_inputFirstName').val(response[0].f_name);
                    j('#edit_inputSurName').val(response[0].s_name);
                    j('#edit_inputOtherName').val(response[0].other_name);
                    j('#edit_dob').val(response[0].dob);
                    j('#edit_gender').val(response[0].gender);
                    j('#edit_maritalstatus').val(response[0].marital_status);
                    j('#edit_nationalid').val(response[0].identification_number);
                    j('#edit_email').val(response[0].email);
                    j('#edit_address').val(response[0].address);
                    j('#edit_residence').val(response[0].residence);
                    j('#edit_employement_status').val(response[0].employment_status);
                    j('#edit_employers_name').val(response[0].employer);
                    j('#edit_kinname').val(response[0].next_of_kin_fname);
                    j('#edit_kinsname').val(response[0].next_of_kin_lname);
                    j('#edit_kinrelation').val(response[0].next_of_kin_relation);
                    j('#edit_kinphone').val(response[0].next_of_kin_phone);
                    j('#edit_family_number').val(response[0].family_base_number);
                },
                error: function (data) {

                }
            });

        });


        j('.view_patient_link').click(function () {


            //get data
            var patient_id = j(this).closest('tr').find('input[name="view_patient_id"]').val();

            j.ajax({
                type: "GET",
                url: "<?php echo base_url(); ?>reports/get_patient_reports_details/" + patient_id,
                dataType: "json",
                success: function (response) {
                    j('#view_patient_id').val(response[0].patient_id);
                    j('#view_title').val(response[0].title);
                    j('#view_phone_no').val(response[0].phone_no);
                    j('#view_inputFirstName').val(response[0].f_name);
                    j('#view_inputSurName').val(response[0].s_name);
                    j('#view_inputOtherName').val(response[0].other_name);
                    j('#view_dob').val(response[0].dob);
                    j('#view_gender').val(response[0].gender);
                    j('#view_maritalstatus').val(response[0].marital_status);
                    j('#view_nationalid').val(response[0].identification_number);
                    j('#view_email').val(response[0].email);
                    j('#view_residence').val(response[0].residence);
                    j('#view_employement_status').val(response[0].employment_status);
                    j('#view_employers_name').val(response[0].employer);
                    j('#view_kinname').val(response[0].next_of_kin_fname);
                    j('#view_kinsname').val(response[0].next_of_kin_lname);
                    j('#view_kinrelation').val(response[0].next_of_kin_relation);
                    j('#view_kinphone').val(response[0].next_of_kin_phone);
                    j('#view_family_number').val(response[0].family_base_number);
                },
                error: function (data) {

                }
            });

        });


        j('.delete_patient_link').click(function () {


            //get data
            var patient_id = j(this).closest('tr').find('input[name="view_patient_id"]').val();

            j('.input_patient_id_delete').val(patient_id);

        });





    });
</script>
<style>
    /* Ensure that the demo table scrolls */
    th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 1000px;
        margin: 0 auto;
    } 
</style>

Answer 1

我无法清楚地看到您的代码存在什么问题。但我认为这是第一部分，因此将所有内容放在单个文档就绪事件中。像这样：

j(document).ready(function () {
     var table = j('.patients_report').DataTable({
         scrollY: "300px",
         scrollX: true,
         scrollCollapse: true,
         paging: false
     });

     new j.fn.dataTable.FixedColumns(table, {
         leftColumns: 0,
         rightColumns: 1
     });

     table.fnUpdate();

     var visitation_table = j('.visitation_report').DataTable({
        scrollY: "300px",
        scrollX: true,
        scrollCollapse: true,
        paging: false
    });

    new j.fn.dataTable.FixedColumns(visitation_table, {
        leftColumns: 0,
        rightColumns: 1
    });

    visitation_table.fnUpdate();
    // rest of code
    ...
}); // close document ready event callback

有fc.fnUpdate();但我无法找到fc变量。这应该是dataTable对象。我希望这会成功。祝项目好运。

数据表：TypeError：dtSettings未定义

1 个答案: