表单提交的最新数据怎么获取到啊?
cdwmhcc opened this issue · comments
是否像way.js那样有个方法可以实时监听输入框的值,比如 http://gwendall.github.io/way/ ,改变输入框时拿到新的数据。
亲 本身就是可以双向绑定的哈,你改变输入框的值的时候,数据会实时同步到你之前设置的变量里面的哦。
可以参考这里的例子哈。
http://purplebamboo.github.io/pat/doc/views/example.html#form
已解决
嗯嗯 你不需要去获取哈,会自动同步的,双向绑定就是帮你免除了获取的动作哈。
比如:
html:
<input type="text" t-model="text" />
js:
var p2 = new Pat({
el:'test',
data:{
text:'hello'
}})
这样这个text值就跟这个输入框绑定了。
当你输入框做了任何修改,data里面text的值也会跟着修改的哦。
所以你点击了提交按钮什么获取都不用做。
直接p2.$data.text 就可以取到最新的输入框里面的值了哈。
谢谢,我明白啦,太感谢您了。
解决
可以的呀 亲 你需要设置双向绑定哈:
<input type="text" t-model="text" />
这个里面的t-model是个指令,意思就是会自动帮你同步数据哈。
点了按钮,你直接通过之前的实例对象拿到这个数据,调用接口发给后端就可以了哈。
我想如果有一个方法可以就拿到编辑过的数据就太好了。
比如现在默认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 双向绑定哦
但是p.$data拿到的是 a1a1a1,b1b1b1而不是 "a":"a1a1a1","b":"b1b1b1","b":"b1b1b1"