如何在JEditable/JQuery中保存事件后字段的更新值
How to save updated value from field after event in JEditable/JQuery?
现在我的页面包含一组字段和用于编辑的JEditable脚本:
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.jeditable.js"></script>
</head>
<body>
<table border='1'>
<div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
<script type="text/javascript" charset="utf-8">
$(function() {
$(".field").editable("echo.php", {
indicator : "<img src='img/indicator.gif'>",
tooltip : "Move mouseover to edit...",
event : "mouseover",
style : "inherit"
});
});
</script>
<?php
mysql_connect('localhost', 'root','') or die('connect');
mysql_select_db('jquery_test') or die('select_db');
$query=mysql_query('SELECT * FROM labels');
while ($data=mysql_fetch_assoc($query))
{
echo '<b class="field" style="display: inline">'.$data['text'].'</b><br >';
}
?>
</body>
</html>
但它无法正常工作:当我按字段单击时,输入新值并按"输入",然后字段将其值更改为"单击以编辑",但我需要字段继续显示更新的值。我该怎么做?我应该更改什么?
在你的jQuery代码中,我有这样的东西 - .fnUpdate才是真正的关键部分......
var tableElement = $(".field");
tableElement.editable("echo.php", {
style : "inherit",
"callback": function(sValue,y){
//Grab the cell position
var aPos = tableElement.fnGetPosition(this);
tableElement.fnUpdate(sValue, aPos[0], aPos[1]);
},{
"submitdata" : "OK"
});
tableElement.fnDraw();
相关文章:
- 在表单中的输入字段上提交事件
- 防止在输入字段上单击事件
- 如何在Javascript事件上从JSNI设置GWTClass字段
- javascript绑定另一个select2输入字段rails的select2 inputonchange事件的数据
- 使用jQuery捕获没有ID的字段上的更改事件
- 将单击事件添加到显示字段
- 在粘贴事件Javascript的输入字段中删除所有非数字字符
- 当用户在输入字段事件中输入内容时,为该字段事件添加动画占位符
- 无法在 jquery 中的单击事件上生成动态输入字段
- 输入字段未使用 ng-keydown 事件更新
- 输入字段 (ng-modal) 完成后的事件 ($watch)
- 是否可以在字段有效时触发事件(html5)
- 当输入字段的值发生更改时,会触发什么事件
- 如何在字段更改时触发事件处理程序
- 为动态创建的字段jQuery创建一个函数或事件
- 自动完成 jquery 多个字段更改或 Tab 事件
- 我的输入字段听到除回车之外的每个“键下”事件.我有一个日期选择器,不确定发生了什么
- 如果 2 个或更多输入字段不为空,则触发事件
- 为什么某些Facebook Graph API事件字段未定义
- 在完整日历中隐藏某些事件字段