modal :静态窗口,在窗口中设置复选框选中,第一次进入选中,第二次进入不选中,是否窗口缓存问题?

问题场景:一个查询列表,可编辑,编辑界面使用am-modal,初始编辑界面时,对值为1的复选框默认选中;但是奇怪的是,查询第一条记录,值为1复选框默认是选中的,查询第二条记录值不为1不选中,回头再查询第一条记录的时候,发现值为1复选框不选中了,但后台输出的值确实还是1。

 请大神帮忙看看,是缓存原因?还是写法有问题?

编辑界面代码:


<form class="am-form color-form-color">
    <div data-ben-controller="ctr2"  class="am-modal" id="edit_code" tabindex="-1">
            <div class="am-modal-dialog am-text-left" style="padding-bottom: 5px">
                <div class="am-modal-hd am-header-background-blue am-text-xl am-text-center" style="color: #F0F0F0">
                   编辑界面
                </div>
                <div class="am-modal-hd">
                    <label class="am-text-lg">名称:</label>
                    <input type="text" data-ben-model="user" />
                </div>
                <div class="am-modal-hd">
                    <label  class="am-text-lg">备注:</label>
                    <textarea data-ben-model="remark" minlength="10" maxlength="12"></textarea>
                </div>
                <div class="am-checkbox" style="margin-left: 10px;">
                    <label><input type="checkbox" value="1" data-ben-model="defaul"/>是否默认</label>
                </div>
                <div class="am-modal-footer am-header-background-blue " style="border: 10px solid #F0F0F0;margin-top: 15px;">
                    <span class="am-modal-btn " style="color:#F0F0F0" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn " style="color:#F0F0F0" data-am-modal-confirm>保存</span>
                </div>
            </div>
    </div>
</form>

 

 

JS:


        var ctr2 = window.ctr2 = benJS.createController({
            id: "ctr2",
            afterPush: function () {
                $('.am-icon-gear').on('click',function () {

                    var index =  $(this).closest('div[data-ben-entry]').data('ben-entry');
                    ctr2.model = ctr1.model.code[index];

                    $('#edit').modal();
                    ctr2.push();

                    console.log(ctr1.model.code[index].defaul);
                })
            }
        });

 

已邀请:

赞同来自:

主要是这个Modal 实例都存储在对应元素的 $('.am-modal').data('amui.modal') 属性中,使得你无法动态修改数据,真的恶心

要回复问题请先登录注册