In my project I am not using bower-asset instead of this i am using demokn.
In my main.php class
‘@bower’ => ‘@vendor/demokn/yii2-composer-asset/bower/node_modules’,
‘@npm’ => ‘@vendor/demokn/yii2-composer-asset/npm/node_modules’,
And for my jquery.ui class, I have created a customer asset and use it in my view file:
use common\assets\JqueryUIAsset;
JqueryUIAsset::register($this);
My form:
<?= $form->field($model, 'field', [ 'enableClientValidation' => $fieldClientValidation, // Enable client validation conditionally ])->widget(AutoComplete::class, [ 'options' => ['class' => 'form-control form-control-sm'], 'clientOptions' => [ 'source' => Url::to(['get-user-details']), 'minLength' => 1, // 'source' => $brokerArray, 'select' => new \yii\web\JsExpression('function(request, response){ $("#offermifid-usertelephone").val(response.item.phone || ""); $("#offermifid-usernumber").val(response.item.number || ""); $("#offermifid-useremail").val(response.item.email || ""); $("#offermifid-userstreet").val(response.item.street || ""); $("#offermifid-userhousenumber").val(response.item.housenumber || ""); $("#offermifid-userbusnumber").val(response.item.busnumber || ""); $("#offermifid-userpostalcode").val(response.item.postcode || ""); $("#offermifid-usercity").val(response.item.city || ""); }'), 'change' => new \yii\web\JsExpression('function(event, ui) { if (!ui.item) { $(this).val(""); // Clear the input if not selected from list // Optional: clear related fields as well $("#offermifid-usertelephone, #offermifid-usernumber, #offermifid-useremail, #offermifid-userstreet, #offermifid-userhousenumber, #offermifid-userbusnumber, #offermifid-userpostalcode, #offermifid-usercity").val(""); } }'), 'response' => new \yii\web\JsExpression('function(event, ui) { if (ui.content.length === 0) { $(this).val(""); // If there are no results, clear all the fields $("#offermifid-usertelephone, #offermifid-usernumber, #offermifid-useremail, #offermifid-userstreet, #offermifid-userhousenumber, #offermifid-userbusnumber, #offermifid-userpostalcode, #offermifid-usercity").val(""); } }'), 'appendTo' => '.element', ], ])->label(Yii::t('app', 'Selecteer'), ['class' => 'heading']) ?>I am unable to use AutoComplete, as it gives the error:
yii\base\InvalidArgumentException: The file or directory to be published does not exist: /var/www/funeral-cares-web-portal/vendor/demokn/yii2-composer-asset/bower/node_modules/jquery-ui in /var/www/funeral-cares-web-portal/vendor/yiisoft/yii2/web/AssetManager.php:497