Django之CURD插件2

1.绑定编辑按钮

************思路****************

1.为编辑按钮添加样式,可以根据样式来进行判断在什么状态.

2.进入编辑模式,将可编辑的字段修改为input框,或者select框.退出时变为文本框.

　　我们这里只对配置文件中.拥有editEnable='true'的属性的标签进行编辑(因为进出编辑模式经常使用,所以写成两个函数)

3.做到双向选择,可以先进入编辑状态再选择checkbox也可反之.

　　a.如果先选择checkbox 则在编辑按钮里可以进入编辑模式

　　b.如果先选择编辑按钮,再选择checkbox,那么就给checkebox绑定事件.(进出编辑模式)

 

下面是绑定编辑按钮的js代码

function bindMenus() {
//         {#    绑定编辑按钮,           #}
// {#      进入编辑模式,修改文本内容为input框或者下拉框#}
// {#      退出编辑模式,将修改的input框和下拉框的值修改到文本到没更新数据库#}
        $('#EditMode').click(function () {
           var editing = $('#EditMode').hasClass('btn-warning');
           if (editing){
               //退出编辑模式
               $('#table_tb').find(':checked').each(function () {
                   var $CurrentTr = $(this).parent().parent();
                    trOutEditMode($CurrentTr);
               });
               $('#EditMode').removeClass('btn-warning');
               $('#EditMode').text('进入编辑模式')
           }
           else {
               $('#EditMode').addClass('btn-warning');
               $('#EditMode').text('退出编辑模式');
               //进入编辑模式
               $('#table_tb').find(':checked').each(function () {
                   var $CurrentTr = $(this).parent().parent();
                   trInEditMode($CurrentTr);
               })
           }
        });

    }

View Code