jquery绑定数据,jquery事件绑定方法

jquery怎么实现双向数据绑定

用jquery实现的简单数据双向绑定:

function DataBinder(object_id){

var pubSub = jQuery({});

var

data_attr = "bind-"+object_id,

message = object_id+":change";

jQuery(document).on("change","[data-" + data_attr +"]",function(evt){

var $input = jQuery(this);

pubSub.trigger(message, [$input.attr("data-"

+ data_attr), $input.val()]);

});

pubSub.on(message,

function(evt,prop_name,new_val){

jQuery("[data-" + data_attr + "=" +

prop_name + "]").each(function(){

var $bound = jQuery(this);

if($bound.is("input,textarea,select")) {

$bound.val(new_val);

}

else{

$bound.html(new_val);

}

});

});

return pubSub;

}

......

相关问答

Q1: jquery easyui combobox 绑定数据问题

$('#cc').combobox();

input id="cc" class="easyui-combobox" data-options="

valueField: 'label',

textField: 'value',

data: [{

label: 'java',

value: 'Java'

},{

label: 'perl',

value: 'Perl'

},{

label: 'ruby',

value: 'Ruby'

}]" /

如果这样写还不行的话，估计就要检查一下js文件的路径， 还有jquery的版本跟那个符合不符合。

下载jquey easy ui的时候， 里面有个 demo文件夹， 里面有combobox的例子， 你可以跟你的对比一下， 或者直接把你的代码拷贝进去看看能不能出来。

Q2: 如何在jquery中弹出div层并在div层中绑定查询的数据

首先，你要构造一个DIV，把DIVappend到你的网页中。

然后通过$("#divID").load("URL", "需要post的数据");

例如：

function testLoadData() {

$("div id='myDIV'/div").appendTo($("body"));

$("#myDIV").load("需要加载数据的地址（URL）", "post的数据，需要转换成JSON");

}

input type="button" onclick="testLoadData()" ....

这样能给你一个大概的思路，希望能帮你解决问题哈。

Q3: jquery通过PHP获取数据绑定到select

首先要确定你的ajax是否正确返回了值，如果有返回值那就应该是字符串。

如果是json用的字符串话，需要转一下rs=JSON.parse(rs)。

Q4: jquery实现动态绑定数据后，鼠标移上去悬浮div显示详细信息

当页面加载的时候你就可以先将那个所谓动态数据加载到每个DIV下的浮动层。。当然是隐藏的。

鼠标放上去的时候直接显示到各DIV的对应位置就好了。

如果你非要鼠标放上去再加载数据那就是AJAX了。。大致思路就是各DIV的mouseover方法执行AJAX的远程调用方法获取数据再取回到这个浮动层显示。。