大佬教程收集整理的这篇文章主要介绍了jquery – 更新select2数据,而不重建控件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$('#inputhidden').SELEct2({ query: function( query ) { query.callBACk( data ); // the data is in the format SELEct2 expects and all works well.. ); });
问题是我需要破解SELEct2 UI和位于搜索栏顶部的两个按钮,当点击时,将执行ajax调用,并将必须更新SELEct2内容。
现在,我需要这些更新,而不完全重建SELEct2,而只是刷新下拉列表中的项目。我找不到一种方法来传递一组新的数据到已经创建的SELEct2控件,是可能吗?
var pills = [{id:0,text: "red"},{id:1,text: "blue"}]; $('#SELEctpill').SELEct2({ placeholder: "SELEct a pill",data: function() { return {results: pills}; } }); $('#uppercase').click(function() { $.each(pills,function(idx,val) { pills[idx].text = val.text.toUpperCase(); }); }); $('#newresults').click(function() { pills = [{id:0,text: "white"},text: "black"}]; });
fiddle:http://jsfiddle.net/RVnfn/2/
如果你使用按钮自定义SELEct2接口,只需调用updateResults(这个方法不允许从SELEct2对象的外部调用,但你可以添加到SELEct2中的allowedMethods数组,如果你需要)方法在更新数据数组后(例如, 。
以上是大佬教程为你收集整理的jquery – 更新select2数据,而不重建控件全部内容,希望文章能够帮你解决jquery – 更新select2数据,而不重建控件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。