如何将JSON数据源适合Jquery自动完成小部件
How to fit JSON data source to Jquery Autocomplete widget?
我想使用Jquery UI-自动完成。以下是使用自动完成的方法。
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
这里定义了数组"available Tags"。但我想从一个数据源生成自动完成,这个数据源是一个返回JSON数据的服务器端脚本。有人能帮助我将该数据源调整为自动完成吗??
Im使用MVC架构(Codeigner),并在控制器中使用以下方法返回JSON数据,
function supcode(){
$dataarray="";
$data=$this->Inventorymodel->supcode();
echo json_encode($data);
}
我正在使用以下函数提取模型中的数据,
function supcode(){
$finresult="";
$this->db->select('name');
$query = $this->db->get('supplier');
$result=$query->result_array();
foreach($result as $row){
$finresult[]=array(
'name' => $row['name']
);
}
return $finresult;
}
这是控制器中函数supcode的URL,"index.php/库存/supcode"
提前感谢。。。。。
尝试这个
source: 'index.php/inventory/supcode',
并替换
foreach($result as $row){
$finresult[]=array(
'name' => $row['name']
);
}
至
foreach($result as $row){
$finresult[]=$row['name'];
}
不要用数组包装名称,只需执行:
foreach($result as $row){
$finresult[]= $row['name'];
}
在javascript端,使用url设置source
:
source: 'index.php/inventory/supcode',
相关文章:
- 如何正确实现Jquery多选小部件
- 如何将JSON数据源适合Jquery自动完成小部件
- 通过jquery设置最小高度
- 开发第三方小部件-Angular vs jQuery vs普通的旧JS
- 如何从内部销毁jQuery UI小部件's原型
- jQuery循环寻呼机附加较小的图像大小
- PHP代理jQuery部分为javascript
- jquery最小和最大长度验证
- jQuery可选小部件和单列表行
- 我将如何使这个小的jQuery滑块向右滑动
- 设置输入值后将列表拆分为多个小列表 - Jquery
- 如何默认最小化 JQuery UI Portlet
- 最小化jQuery函数
- 自定义点击事件触发器,小部件jquery
- 如何最小化jQuery中的代码
- 最小化jQuery代码
- 下面是问题,用一个小的jQuery脚本(添加输入)
- 最小的jQuery模板
- 计算所有项目的总和,以小计Jquery
- 增加和减少字体大小限制最大和最小的jQuery