博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
数据与视图分离2
阅读量:5095 次
发布时间:2019-06-13

本文共 904 字,大约阅读时间需要 3 分钟。

1.用简单的方式操作table,现在有一个普通的table,比如要编辑某一行数据

  1.1获取选中的row

  1.2遍历row的cell

  1.3将得到的数据赋值给弹出框

  1.4保存,上传给服务器

  1.5服务器响应完成,重新给row的cell赋值

这个是比较传统的方式,在1.2这一步比较麻烦,因为每获取一个值就需要首先得到一个cell,显得非常臃肿,它可能是这样的

var obj={};obj.p1=dom1.value;obj.p2=dom2.value;obj.p3=dom3.value;obj.p4=dom4.value;obj.p5=dom5.value;

而且获取table 内的dom也并不是一件欢快的事,太无聊了,现在我们使用一个比较容易的方法来获取数据

2.用另一个方法来操作table

  2.1声明一个数组,如objList

  2.2将数据push进去

  2.3给每一行row添加一个id

当我们需要编辑的时候

  2.4获取选择的row的id

  2.5根据id在objList中找到这个对象

  2.6将数据赋值给弹出框

  2.7保存,上传给服务器

  2.8服务器响应完成,重新给row赋值

  2.9更新objList

获取数据的代码长这个样子

var id=dom.id; var obj=objList.select("id",id);

我在这里给数组的原型写了一个select方法,具体代码在上一篇博客中

更新数组的代码长这个样子

var obj=返回的结果;var index=objList.getIndex("id",obj.id)objList.splice(index,1,obj);

getIndex方法同上

各位看官到这里应该明白我的意思了,获取dom元素的值是件麻烦事,尤其是当数据非常多的时候,需要一个一个读取,异常恶心,于是我就搞了一个堆放数据的Model,并用id和dom元素进行关联,仅此而已,各位大大不要吐槽我,我是菜鸟

转载于:https://www.cnblogs.com/wen-wen/p/4187092.html

你可能感兴趣的文章
剑指offer系列6:数值的整数次方
查看>>
js 过滤敏感词
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
软件开发和软件测试,我该如何选择?(蜗牛学院)
查看>>
基本封装方法
查看>>
生活大爆炸之何为光速
查看>>
[Typescript] Specify Exact Values with TypeScript’s Literal Types
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Enterprise Library - Data Access Application Block 6.0.1304
查看>>
重构代码 —— 函数即变量(Replace temp with Query)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
Linux基本操作
查看>>