Question

尝试将此html表单更改为Yii框架时，我遇到了一些问题。在我的home.html：

   <!doctype html>

<head>
    <meta charset="utf-8"/>
    <title>Demo Active Table</title>


    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/home.js"></script>
</head>
<body>
    <div class="layout">
        <header>
            <h2>Edit</h2>
        </header>
        <div class="table">

            <fieldset>
                <table class="table_content" id="table_content">
                    <tbody>
                    <tr>
                        <td class="cell1" ><input type="text" value="0"></td>
                        <td class="cell2" ><input type="text"></td>
                        <td class="cell3" ><input type="text"></td>

                    </tr>
                        <tr>
                            <td class="cell1" ><input type="text" value="1"></td>
                            <td class="cell2" ><input type="text"></td>
                            <td class="cell3" ><input type="text"></td>
                            <td class="cell4" ><input type="button" value="Delete" class="button" id="delete"></td>
                        </tr>
                    </tbody>
                </table>
            </fieldset>

            <div class="footer">
                <input type="button" value="Add" class="button w128" id="add">
                <input type="button" value="Sort" class="button w128" id="sort">
            </div>
        </div>
        <footer>
            <input type="button" value="Save" class="button w128" id="add">
        </footer>
    </div>
</body>
</html>

在我的家里.js

    var index = 1;
$(document).ready(function() {
    $('#add').on('click',addRow);
    $('fieldset input[type="button"]').on('click',delRow);
});

function addRow(){
    //prevent add more row
    if(count('tr')==11){
        return false;
    }
    //set index
    setIndex();
    //add row
    var html = '<tr>';
        html +='<td class="cell1" ><input type="text" value="'+index+'"></td>';
        html +='<td class="cell2" ><input type="text"></td>';
        html +='<td class="cell3" ><input type="text"></td>';
        html +='<td class="cell4" ><input type="button" value="Delete" class="button" id="delete"></td>';
        html +='</tr>';
    $('#table_content tbody').append(html);
    //ini onclick for new delete button
    $('fieldset input[type="button"]').on('click',delRow);
}

function delRow(){ 
    var parent = $(this).parent().parent();
    parent.remove();
};

function count(tab){
    var count = 0;
    $(tab).each(function(){
        count++;
    });
    return count;
}

function setIndex(){
    var lastIndex = parseInt($("tr:last").find('input').val());
    index = lastIndex +1;
}

假设我的数据库中有一个包含4列的表：

ID int（主键auto_increment）

text1 varchar

text2 varchar

previous int

'优先'是当我点击“添加”按钮时，它会在第一列中自动增加。按钮'sort'是我点击'sort'时：表单按'先前'ASC自动排序 “保存”按钮是当我点击“保存”时，所有行都将保存到数据库中。有人能帮我吗，非常感谢。

如何将此Html表单更改为Yii框架

0 个答案: