Блог

Главная - Вопросы по программированию - как я могу преобразовать jquery jtable в таблицу html.

как я могу преобразовать jquery jtable в таблицу html.

#jquery #jquery-jtable

#jquery #jquery-jtable

Вопрос:

как я могу преобразовать jquery jtable в таблицу html. Чтобы я мог использовать javascript для указанной строки или столбца. Он автоматически создает таблицу html, но я не могу ее найти.

вот мой файл jsp:-

 <!DOCTYPE html>
<html>
<head>
<title>Status</title>
<%@include file="includes/header.jsp" %>
<script type="text/javascript">



        $(document).ready(function() {
                $('#StatusContainer').jtable({
                        title : 'Status List',
                        selecting: true, 
                        multiselect: true, 
                        selectingCheckboxes: true,
            prefix:'record.',

                        actions : {
                                listAction  : 'status-list.action',
                                createAction: 'status-create.action',
                                updateAction: 'status-update.action',
                                deleteAction: 'status-delete.action'
                        },
                        fields : {

statusId : {
                                        title : 'Id',
                                        width : '30%',
                                        key : true,
                                        list : true,
                                        create : false
                                },








            statusValue : {
                                        title : 'Status Value',
                                        width : '30%',
                                        edit : true
                                },



                        }
                ,
            formCreated:function(event, data){
                $.each(data.form.find(':input'), function (i, val){
                    val.name="record." val.name;
                })
            },});
                $('#StatusContainer').jtable('load');
        });
</script>

</head>
<body>
<jsp:include page="./includes/menu.jsp"></jsp:include>
<div class="row">
    <div class="column small-12">
        <h1>Status List</h1>
    </div>
</div>
<div class="row">
    <div class="column small-12">
        <div id="StatusContainer"></div>
    </div>
    </div>
</html>

Это представление таблицы

Комментарии:

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

Ответ №1:

AFAIK, нет официального метода преобразования JTable в обычную таблицу html. Но, используя неофициальный способ, вы можете получить содержимое строки таблицы следующим образом:

$("#StatusContainer").data("hikJtable")._$table

Ответ №2:

Просто используйте jQuery, чтобы найти таблицу

 $('#StatusContainer').find('table');

вероятно, более полезным запросом было бы 

 $('#StatusContainer').find('tbody tr').each(function () {
    // this will be each tr in the table
});

это может быть полезно для промежуточных итогов и т. Д., Но Для изменения таблицы используйте соответствующий интерфейс, addRecord или updateRecord, который будет синхронизировать базу данных.