嗨，我正在尝试为我的项目创建自定义小部件。小部件包括程序名称和程序类型。对于字段类型，我使用了CJuiAutoComplete。这是我的密码！
$this->widget('zii.widgets.grid.CGridView', array(
'dataProvider' => $this->productArray,
'id' => 'gridview_add_product',
'columns' => array(
array(
'header' => 'URL',
'value' => 'CHtml::textField("program[$data->id][url]",$data->url,
array(
''id''=>''program_url_''.$data->id,
))',
),
array(
'header' => 'Type',
'value'=>'Yii::app()->controller->widget("zii.widgets.jui.CJuiAutoComplete",array(
"name"=>"type",
"attribute"=>"resolution",
"source"=>array("A","B","C","D","E"),
"value"=>$data->type,
),true)',
'type' => 'raw',
'headerHtmlOptions'=>array('style'=>'width: 100px'),
),
array(
'class' => 'CButtonColumn',
'headerHtmlOptions'=>array('style'=>'width: 100px'),
'buttons' => array(
'linkToModel' => array(
'label' => 'Remove',
'click' => "function(){
removeStreamRow($(this));
}",
),
),
),
),
));
现在有一个添加按钮，它动态地添加新行（名称字段，键入"自动完成"并删除按钮）。我的js脚本如下。
var addProductRow = function(){
$('#gridview_product .empty').parent().remove();
$('#gridview_product tr:last').after('<tr class="odd"><td class="productData"><input id="product_url_'+ nextId + '" type="text" name="product['+ nextId +'][url]"></td><td><input name="type" id="product_'+ nextId + '_type" class = "ui-autocomplete-input" autocomplete = "off" type = "text" ><span class="ui-helper-hidden-accessible" role="status" aria-live="polite"></span></td><td class="button-column"><a class="linkToModel"title="Remove"href="#product_url_'+ nextId + '">Remove</a></td></tr>');nextId--;}
现在，当我通过js动态添加新行时，"type"字段不会显示自动完成功能。
如何在CGridview行中通过js添加CJuiAutocomplete。请帮帮我。
在gridview中添加html块后，您需要为具有类似自动完成事件的类型绑定输入字段。
$( ".ui-autocomplete-input" ).autocomplete({
source: function(request, response){
//you source
}
});