x-可编辑的重置字段答案

【问题标题】：x-editable resetting fieldsx-可编辑的重置字段
【发布时间】：2013-12-02 14:22:13
【问题描述】：

我有以下 html/php 代码（省略 php 标签）

$user = array(
    'name' => Null,
    'address' => Null
);  

<div id="user">
    <a href="#"  id="cust_name" data-type="text"
         data-pk="'.$user['ag_id'].'" title="Enter customer name">'.$user['name'].'</a>
    <a href="#"  id="cust_addr" data-type="text"
         data-pk="'.$user['ag_id'].'" title="Enter customer address">'.$user['address'].'</a>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" id="ResetButton">Reset</button>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="SaveButton"
             data-dismiss="modal">Save changes</button>
    </div>
</div>

能否请您完成我的resetbutton脚本，目的是在单击后将null分配给cust_name和cust_addr..这是脚本

<script>
    $.fn.editable.defaults.mode = 'inline';

    $(function(){
        $('#user a').editable({
           url: 'post.php' 
        });
    });

    $("#SaveButton").click(function() {
        $.ajax({
            url: 'db.php',
            type: 'POST',
            data: {}
        });
    });

    $('#ResetButton').click(function() {
        // $('#cust_name').editable('setValue', null); // did not worked            
        // didn't worked even i added class="myeditable" in my <a> tag
        /*
        $('.myeditable').editable('setValue', null)
           .editable('option', 'pk', null)
           .removeClass('editable-unsaved');
        */
    });

</script>

【问题讨论】：

bump :) 请帮忙..
请注意，cmets 不会“碰撞”一个问题。

标签： javascript jquery html dom x-editable

【解决方案1】：

这似乎奏效了。

http://jsfiddle.net/U33kT/

我不确定有什么区别，除了我选择了所有可编辑项（JS 第 6 行）：

$('#user a').editable('setValue', null);

但是，我尝试了单个项目：

$('#cust_name').editable('setValue', null);

而且它似乎也有效。

希望这会有所帮助。

【讨论】：

像手套一样。谢谢。