如何在 YII 框架中的 CJui自动完成中建议多个列
how to suggest multiple columns in CJuiAutocomplete in YII Framework?
我正在使用CJuiAutomcoplete Widget。
一切正常,但我想在建议列表框中显示多个列。
我在 jSON 结构中为"值"选项连接字符串,但我想要的是 ti 有多列。
我发现 Jquery UI 使用 li 和 ul html 标签......
我不知道如何创建带有列的列表框!
任何想法 ?
此致敬意
尼古拉斯
编辑:我找到了我需要的东西...http://jqueryui.com/demos/autocomplete/#custom-data
但是因为我使用 yii,所以我不知道如何添加块:
.data( "autocomplete" )._renderItem = function( ul, item ) {
return $("<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
.appendTo( ul ); };
因为我对jQuery几乎一无所知,所以我不明白".data"方法的作用。
再次问候...
我已经通过覆盖内置处理程序来解决这个问题:
$controller->widget('zii.widgets.jui.CJuiAutoComplete', array(
...
'source' => 'js: foreignKeyQuery', //overriding
'options' => array( //passing params from Yii view script
'delay' => 700,
'sourceUrl' => Yii::app()->request->baseUrl.'/ajax/search/',
),
...
));
像这样的JS处理程序(不要忘记将其包含在View脚本中):
function foreignKeyQuery(request, response)
{
var params = {
'term': request.term, //default param
'protest': 'Pussy Riot' //free params
...
}; //Of course you may get params in any way, and using "this"
$.ajax(this.options.sourceUrl, {
type: 'post',
dataType: 'json',
data: params,
success: response
});
}
框架只是一种工具。没有人限制你尽可能多地使用JS。
相关文章:
- 如何制作Yii框架的linkHtmlOptions's的CGridView显示为图像图标,单击时会触发javas
- 如何在 YII 框架中的 CJui自动完成中建议多个列
- 为什么Yii框架中的Bootstrap在windows手机上运行较慢
- 防止在 Yii 框架上使用 ajaxButton/ajaxSubmitButton 加载 jQuery 资产
- 在 yii 框架上收集多个输入以进行一次验证
- 编写自己的 JavaScript 并使用 Yii PHP 框架
- Yii框架:如何检查复选框是否被选中
- Yii框架,将jquery参数传递到Yii::app()->createUrl('controller/a
- 为什么窗口.在yii框架中,位置没有指向查看页面
- 如何使用JsBarcode.js生成条形码,并在Yii框架2.0中使用Kartik mPDF将其打印到PDF文件上?
- jQuery不能从Yii框架的答案中解析JSON
- 在Yii框架中给出一个按钮中的两个功能
- 如何使用JavaScript将数据插入Yii框架2.0 CKEditor扩展
- 如何在核心php项目中使用yii框架项目的母版页
- CGridView分页-Yii框架中的IFrame问题
- 如何在YII 2.0框架中使用angalrjs作为前端
- Yii框架2.0 AJAX请求POST方法
- highcharts实时更新和YII框架
- 更新activeCheckBox、Yii框架的值变化数据库
- 如何在Yii框架中将数组和嵌套数组从控制器传递到Javascript