Yiibooster Typeahead Won't Work.

Yiibooster Typeahead Won't Work. yiibooster typeahead sinppet won't work Rate Topic:

#1 nakarin

Junior Member

Group: Members
Posts: 22
Joined: 08-May 12

Posted 15 November 2012 - 10:44 PM

$this->widget('bootstrap.widgets.TbTypeahead', array(
    'options'=>array(
    'name'=>'demo-typeahead',
    'source'=>array(
    'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
    'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia',
    'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa',
    'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland',
    'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri',
    'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey',
    'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio',
    'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina',
    'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
    'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'),
    'items'=>4,
    'matcher'=>"js:function(item) {
    return ~item.toLowerCase().indexOf(this.query.toLowerCase());
    }",
    )));

I 've got this error "TbTypeahead must specify "model" and "attribute" or "name" property values.".Any ideas,Thx.

#2 Giuseppe Santoro

Newbie

Group: Members
Posts: 16
Joined: 15-October 12

Posted 16 November 2012 - 03:21 AM

Hi nakarin,
assuming that you want to use a form to create/update the "state" of a "user", you should have a model "User" with an attribute "state", so you should specify the model and the state.

$this->widget('bootstrap.widgets.TbTypeahead', array(
    'model'     => $model,  // INSTANCE OF MODEL 'User'
    'attribute' => 'state', // ATTRIBUTE
    'options'=>array(
        'name'=>'demo-typeahead',
        'source'=>array(
        'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
        'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia',
        'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa',
        'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland',
        'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri',
        'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey',
        'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio',
        'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina',
        'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
        'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'),
        'items'=>4,
        'matcher'=>"js:function(item) {return ~item.toLowerCase().indexOf(this.query.toLowerCase());}",
        )
    )
);

Otherwise you should specify just a name for this widget.

$this->widget('bootstrap.widgets.TbTypeahead', array(
    'name'     => 'your-name-for-the-widget',  // NAME
    'options'=>array(
        'name'=>'demo-typeahead',
        'source'=>array(
        'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
        'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia',
        'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa',
        'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland',
        'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri',
        'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey',
        'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio',
        'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina',
        'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
        'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'),
        'items'=>4,
        'matcher'=>"js:function(item) {return ~item.toLowerCase().indexOf(this.query.toLowerCase());}",
        )
    )
);

For future posts, please use the tag [code] to format your code

#3 nakarin

Junior Member

Group: Members
Posts: 22
Joined: 08-May 12

Posted 16 November 2012 - 04:46 AM

Thank you very much Giuseppe Santoro.Work like a charm.

Giuseppe Santoro, on 16 November 2012 - 03:21 AM, said:

Hi nakarin,
assuming that you want to use a form to create/update the "state" of a "user", you should have a model "User" with an attribute "state", so you should specify the model and the state.

$this->widget('bootstrap.widgets.TbTypeahead', array(
    'model'     => $model,  // INSTANCE OF MODEL 'User'
    'attribute' => 'state', // ATTRIBUTE
    'options'=>array(
        'name'=>'demo-typeahead',
        'source'=>array(
        'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
        'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia',
        'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa',
        'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland',
        'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri',
        'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey',
        'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio',
        'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina',
        'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
        'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'),
        'items'=>4,
        'matcher'=>"js:function(item) {return ~item.toLowerCase().indexOf(this.query.toLowerCase());}",
        )
    )
);

Otherwise you should specify just a name for this widget.

$this->widget('bootstrap.widgets.TbTypeahead', array(
    'name'     => 'your-name-for-the-widget',  // NAME
    'options'=>array(
        'name'=>'demo-typeahead',
        'source'=>array(
        'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
        'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia',
        'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa',
        'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland',
        'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri',
        'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey',
        'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio',
        'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina',
        'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
        'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'),
        'items'=>4,
        'matcher'=>"js:function(item) {return ~item.toLowerCase().indexOf(this.query.toLowerCase());}",
        )
    )
);

For future posts, please use the tag [code] to format your code