purplebamboo / pat

pat是一个轻量级的指令型模板解决方案。具备局部刷新,双向绑定,指令扩展,filter过滤等功能。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

表单提交的最新数据怎么获取到啊?

cdwmhcc opened this issue · comments

commented

是否像way.js那样有个方法可以实时监听输入框的值,比如 http://gwendall.github.io/way/ ,改变输入框时拿到新的数据。

亲 本身就是可以双向绑定的哈,你改变输入框的值的时候,数据会实时同步到你之前设置的变量里面的哦。

可以参考这里的例子哈。
http://purplebamboo.github.io/pat/doc/views/example.html#form

commented

已解决

嗯嗯 你不需要去获取哈,会自动同步的,双向绑定就是帮你免除了获取的动作哈。

比如:

html:

<input type="text" t-model="text" />

js:

var p2 = new Pat({
  el:'test',
  data:{
    text:'hello'
  }})

这样这个text值就跟这个输入框绑定了。
当你输入框做了任何修改,data里面text的值也会跟着修改的哦。

所以你点击了提交按钮什么获取都不用做。

直接p2.$data.text 就可以取到最新的输入框里面的值了哈。

commented

谢谢,我明白啦,太感谢您了。

commented

解决

可以的呀 亲 你需要设置双向绑定哈:

<input type="text" t-model="text" />

这个里面的t-model是个指令,意思就是会自动帮你同步数据哈。

点了按钮,你直接通过之前的实例对象拿到这个数据,调用接口发给后端就可以了哈。

commented

我想如果有一个方法可以就拿到编辑过的数据就太好了。
比如现在默认data有 a b c三条数据
{ "a": "aaa", "b": "bbb", "c": "ccc", }

当我修改了a的数据为a1a1a1,没有修改b,然后点击了保存按钮,

​$(document).on('click','.btn-save',function () { /*更新企业数据接口*/ param = pat.t.data Interface.updateCompany(param, function (result) { alert("成功") }); });

有没有类似上面这样的方法 pat.t.data,通过这个方法可以 返回修改的数据 {"a": "a1a1a1"}

可以的呀
就是直接 p.$data 就可以拿到了

你点击保存时 p.$data.a 就是 a1a1a1了哈 你直接拿过去传到后端就行了哈。

记得模板里面 使用 t-model 双向绑定哦

commented

但是p.$data拿到的是 a1a1a1,b1b1b1而不是 "a":"a1a1a1","b":"b1b1b1","b":"b1b1b1"