1

我正在使用 CJuiAutomcoplete 小部件。

一切正常，但我想在建议列表框中显示多个列。

我为json结构中的“value”选项连接字符串，但我想要的是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”方法的作用。

再次问候...

4

1 回答 1

2

我已经通过覆盖内置处理程序来解决这个问题：

$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。

于 2012-08-08T19:59:37.450 回答