我如何修改我的保存功能,既保存用户/编辑用户
How can I modify my save function to do both save user / edit user?
我想让我的保存函数做两件事:
1。保存用户在表中-完成
2。在表中更新用户-未完成
保存函数代码:
var buildUser = function () {
$('#save').click(function () {
var newUser = {};
$('#myForm').find('input[type!=button]').each(function () {
var value = $(this).val();
var name = $(this).attr('id');
newUser[name] = value;
});
//i think here will be an if condition but i dont know how
buildRow(newUser);
userData.push(newUser);
$("#myForm")[0].reset();
});
};
完整代码如下:http://jsfiddle.net/Shakerwtd/e9273/
日期取自json文件
有很多方法可以做到这一点,你的HTML看起来像什么?
一种方法是为用户分配id。
-
构建id生成器服务。很简单,给一个唯一的id,就像这样:
var GeneratorModule = (function() {
var generator; function init() { var id = 0; function getId() { return id++; } return { getId: getId }; } return { getGenerator: function() { if(!generator) { generator = init(); } return generator; } };
});
使用idGenerator = GeneratorModule().getGenerator();
则可以使用idGenerator.getId();每次创建新的id。
- 让你的初始保存按钮采用该ID并将其提供给buildRow。
- 有buildRow也保存id在tr级别,如
<tr id="tr-12345">
- 有保存按钮的编辑行也有这个id,如id=12345。
- 您的
//i think here will be an if condition but i dont know how
应该检查是否有保存的id。如果有,那么不要调用buildRow,而是调用updateRow。 - updateRow显然会找到id="tr-12345"的行。(
tr-
部分,因为你不能在页面上有两个相同的id,显然。)
相关文章:
- 如何使用javascript localStorage保存用户选择并在不同的html页面中显示
- 如何在视图中保存用户输入内容,并在离开页面时对控制器进行后期调用
- Javascript Hangman游戏如何保存用户输入的单词
- jQuery mobile-保存用户输入的最佳方式是什么
- 向js fiddle添加cookie以保存用户键入的内容
- 仅在某些请求上保存用户会话
- 多次保存用户数据
- jPlayer - 通过页面重定向保存用户设置
- 余烬简单身份验证在会话中保存用户配置文件
- Javascript cookie 用于保存用户首选项并使用共享首选项显示内容
- 如何在表单中保存用户输入数据
- PhoneGap登录页面,如何保存用户信息
- 使用 Javascript 编辑和保存用户 HTML - 它有多安全
- 在jQuery中保存用户输入
- 保存用户以前的搜索查询
- 正在保存用户'刷新页面时的选择
- 保存用户特定的数据
- 我无法在会话中正确保存用户详细信息
- 在网页中使用javascript中的cookie保存用户选择的背景图像
- 使用kiiObject保存用户数据