2014-01-13 82 views
0

我正在使用x-editable jQuery插件进行内联值编辑。编辑和远程调用并保存在数据库和其他工作正常预期。未在内联弹出编辑器中选择的实际值

我唯一面临的问题是,当我点击要编辑的项目时,弹出框与选择框出现的预期。但是弹出窗口中的值是空的。

如果我编辑值并保存并重新打开,则会显示该值..但不会在没有更改时进行更改。

我该怎么做才能确保当弹出窗口打开进行编辑时,现在的值应该已经存在。

下面是HTML代码段的一部分:

<a href="#" class="position" data-pk="7">Bottom</a> 
<a href="#" class="position" data-pk="8">Top</a> 

下面是jQuery代码段的一部分:

$('.position').editable({ 
    type: 'select', 
    name: 'position', 
    url: '/save.php', 
    source: [{ 
     value: 'left', 
     text: 'Left' 
    }, { 
     value: 'right', 
     text: 'Right' 
    }, { 
     value: 'top', 
     text: 'Top' 
    }, { 
     value: 'bottom', 
     text: 'Bottom' 
    }] 
}); 

站点中的所有实例使用mockjax对此我不确定是否在现场使用。

​​

+0

可以创建一个小提琴吗? –

+0

我尝试过,因为我的数据非常动态,所以面临一些问题。由于这个原因,无法制作一个。对不起。 – Purus

+0

@ Nouphal.M:小提琴已被添加到问题 – Purus

回答

1

更新小提琴:http://jsfiddle.net/zXQbe/4/

它来到了您的标记。应该是以下几点:

<a href="#" class="position" data-pk="7" data-value="bottom">Bottom</a> 
<a href="#" class="position" data-pk="8" data-value="top">Top</a> 

编辑:意识到我在惨败了你所定义的data-pk值。

+0

它的工作。谢谢。 – Purus

相关问题