submit - 是否可以提交隐藏字段并使用 x-editable 控制其值？

Question

在X-editable的文档里面，我们可以新建一条记录，但是如何编辑一条已有的记录，把它的name和email字段，以及它的id=1（这个id没有改变）发布到后端呢？

<table>
    <thead><th>id</th><th>name</th><td>email</th></thead>
    <tbody＞
        <tr><td><span>1</span></td><td><span class='myeditable'>name</span></td><td><span class='myeditable'>email@example.com</span></td></tr>
    </tbody>
</table>

$('.myeditable').editable({
    type: input,
    url: '/edituser'
});

$('#save-btn').click(function() {
    $('.myeditable').editable('submit', {
        url: '/edituser',
        ajaxOptions: {
            dataType: 'json' //assuming json response
        },
        success: function(data, config) {
            if(data && data.id) { //record created, response like {"id": 2}
            },
            error: function(errors) {
            }
    });
});

Answer 1

我使用 Angular-xeditable 来做到这一点，但我认为这个想法是一样的。

我在我的表中添加了一个隐藏的跨度并给它一个电子名称。ng-show 设置 display:none，我认为这也是您需要做的。

          <span
            editable-text="journalEntry._id"
            e-name="_id" 
            e-form="rowform"
            ng-show="false">
          </span>

Answer 2

要发布隐藏字段，您可以尝试修改您的

url: '/edituser'

至

url: '/edituser?hidden-name1=hidden-value1&hidden-name2=hidden-value2'等等...

Answer 3

我也使用了 Angular-xeditable，但不得不更改 Michael 的代码，因为当我编辑该行时出现了隐藏字段（我希望它保持隐藏）。

因此我不得不插入

    e-class="hidden"

所以最后我有：

                                <span 
                                    e-class="hidden"
                                    editable-text="employee.key"
                                    e-name="key"
                                    e-form="rowform"
                                    ng-show="false">
                                </span>