Using Vue multiselect to hit a database function in phpIs there an “exists” function for jQuery?How can I prevent SQL injection in PHP?var functionName = function() vs function functionName() Deleting an element from an array in PHPstartsWith() and endsWith() functions in PHPSet a default parameter value for a JavaScript functionHow do you parse and process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?
Can I hire several veteran soldiers to accompany me?
What prevents a US state from colonizing a smaller state?
What happened to the Apollo 1 rocket?
Does Dhp 256-257 condone judging others?
Advantages of using bra-ket notation
Why are examinees often not allowed to leave during the start and end of an exam?
What is the meaning of "it" in "as luck would have it"?
What is this fluorinated organic substance?
Finding an optimal set without forbidden subsets
What verb goes with "coup"?
Why didn't Avengers simply jump 5 years back?
Yum in Amazon Linux 2 still asks for GPG key even after "rpm --import" when adding Kubernetes repo
undeclined adjectives in the neutral, the "schön Wetter" type construction
How to track mail undetectably?
2019 2-letters 33-length list
What happens if a caster is surprised while casting a spell with a long casting time?
Is it theoretically possible to hack printer using scanner tray?
Other homotopy invariants?
What is the function of const specifier in enum types?
How do I tell my girlfriend she's been buying me books by the wrong author for the last nine months?
A quine of sorts
How far can gerrymandering go?
Enterprise Layers and Naming Conventions
Simplify the code
Using Vue multiselect to hit a database function in php
Is there an “exists” function for jQuery?How can I prevent SQL injection in PHP?var functionName = function() vs function functionName() Deleting an element from an array in PHPstartsWith() and endsWith() functions in PHPSet a default parameter value for a JavaScript functionHow do you parse and process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?
I have a perfectly working instance of a vue multiselect which searches through my data options but also allows me to tag/add my own option if it's not in the list
<div id="tagContent">
<multiselect v-model="value" open-direction="bottom" :options="options" tag-placeholder="Add this as new tag" :multiple="true" :taggable="true" @tag="addTag" :close-on-select="false" :clear-on-select="false" :preserve-search="true" placeholder="Choose Tag(s)" label="name" track-by="code">
<template slot="selection" slot-scope=" values, search, isOpen "><span class="multiselect__single" v-if="values.length && !isOpen"> values.length options selected</span></template>
</multiselect>
</div>
new Vue(
components:
Multiselect: window.VueMultiselect.default
,
data ()
return
value: [],
options: [
tag: '1', name: 'TestOne',
tag: '2', name: 'TestTwo',
tag: '3', name: 'TestThree',
tag: '123', name: 'TestFour',
]
,
methods:
addTag (newTag)
const tag =
name: newTag,
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
this.options.push(tag)
this.value.push(tag)
).$mount('#tagContent');
The issue is that I have a function in my controller for this blade, which hits my database with a search query. This works, so if I set $s to a word and dump the return, I will get any result with that word. My question is: How can I tie the search of my multiselect into this function so that I can actively search the results in that, rather than a hardcoded list?
public function searchTags()
$s = "%" . Input::get('tagSearch') . "%";
$search = CampaignTags::where('TAG_DATA', 'LIKE', $s)->get();
return json_encode($search);
javascript php ajax laravel vue.js
add a comment |
I have a perfectly working instance of a vue multiselect which searches through my data options but also allows me to tag/add my own option if it's not in the list
<div id="tagContent">
<multiselect v-model="value" open-direction="bottom" :options="options" tag-placeholder="Add this as new tag" :multiple="true" :taggable="true" @tag="addTag" :close-on-select="false" :clear-on-select="false" :preserve-search="true" placeholder="Choose Tag(s)" label="name" track-by="code">
<template slot="selection" slot-scope=" values, search, isOpen "><span class="multiselect__single" v-if="values.length && !isOpen"> values.length options selected</span></template>
</multiselect>
</div>
new Vue(
components:
Multiselect: window.VueMultiselect.default
,
data ()
return
value: [],
options: [
tag: '1', name: 'TestOne',
tag: '2', name: 'TestTwo',
tag: '3', name: 'TestThree',
tag: '123', name: 'TestFour',
]
,
methods:
addTag (newTag)
const tag =
name: newTag,
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
this.options.push(tag)
this.value.push(tag)
).$mount('#tagContent');
The issue is that I have a function in my controller for this blade, which hits my database with a search query. This works, so if I set $s to a word and dump the return, I will get any result with that word. My question is: How can I tie the search of my multiselect into this function so that I can actively search the results in that, rather than a hardcoded list?
public function searchTags()
$s = "%" . Input::get('tagSearch') . "%";
$search = CampaignTags::where('TAG_DATA', 'LIKE', $s)->get();
return json_encode($search);
javascript php ajax laravel vue.js
add a comment |
I have a perfectly working instance of a vue multiselect which searches through my data options but also allows me to tag/add my own option if it's not in the list
<div id="tagContent">
<multiselect v-model="value" open-direction="bottom" :options="options" tag-placeholder="Add this as new tag" :multiple="true" :taggable="true" @tag="addTag" :close-on-select="false" :clear-on-select="false" :preserve-search="true" placeholder="Choose Tag(s)" label="name" track-by="code">
<template slot="selection" slot-scope=" values, search, isOpen "><span class="multiselect__single" v-if="values.length && !isOpen"> values.length options selected</span></template>
</multiselect>
</div>
new Vue(
components:
Multiselect: window.VueMultiselect.default
,
data ()
return
value: [],
options: [
tag: '1', name: 'TestOne',
tag: '2', name: 'TestTwo',
tag: '3', name: 'TestThree',
tag: '123', name: 'TestFour',
]
,
methods:
addTag (newTag)
const tag =
name: newTag,
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
this.options.push(tag)
this.value.push(tag)
).$mount('#tagContent');
The issue is that I have a function in my controller for this blade, which hits my database with a search query. This works, so if I set $s to a word and dump the return, I will get any result with that word. My question is: How can I tie the search of my multiselect into this function so that I can actively search the results in that, rather than a hardcoded list?
public function searchTags()
$s = "%" . Input::get('tagSearch') . "%";
$search = CampaignTags::where('TAG_DATA', 'LIKE', $s)->get();
return json_encode($search);
javascript php ajax laravel vue.js
I have a perfectly working instance of a vue multiselect which searches through my data options but also allows me to tag/add my own option if it's not in the list
<div id="tagContent">
<multiselect v-model="value" open-direction="bottom" :options="options" tag-placeholder="Add this as new tag" :multiple="true" :taggable="true" @tag="addTag" :close-on-select="false" :clear-on-select="false" :preserve-search="true" placeholder="Choose Tag(s)" label="name" track-by="code">
<template slot="selection" slot-scope=" values, search, isOpen "><span class="multiselect__single" v-if="values.length && !isOpen"> values.length options selected</span></template>
</multiselect>
</div>
new Vue(
components:
Multiselect: window.VueMultiselect.default
,
data ()
return
value: [],
options: [
tag: '1', name: 'TestOne',
tag: '2', name: 'TestTwo',
tag: '3', name: 'TestThree',
tag: '123', name: 'TestFour',
]
,
methods:
addTag (newTag)
const tag =
name: newTag,
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
this.options.push(tag)
this.value.push(tag)
).$mount('#tagContent');
The issue is that I have a function in my controller for this blade, which hits my database with a search query. This works, so if I set $s to a word and dump the return, I will get any result with that word. My question is: How can I tie the search of my multiselect into this function so that I can actively search the results in that, rather than a hardcoded list?
public function searchTags()
$s = "%" . Input::get('tagSearch') . "%";
$search = CampaignTags::where('TAG_DATA', 'LIKE', $s)->get();
return json_encode($search);
javascript php ajax laravel vue.js
javascript php ajax laravel vue.js
asked Mar 25 at 17:08
Tom N.Tom N.
1,5576 silver badges20 bronze badges
1,5576 silver badges20 bronze badges
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55343072%2fusing-vue-multiselect-to-hit-a-database-function-in-php%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55343072%2fusing-vue-multiselect-to-hit-a-database-function-in-php%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown