Skip to content

Instantly share code, notes, and snippets.

@anithegregorian
Last active November 20, 2021 09:58
Show Gist options
  • Save anithegregorian/b2dca21319fd42c39b7490da5792eff7 to your computer and use it in GitHub Desktop.
Save anithegregorian/b2dca21319fd42c39b7490da5792eff7 to your computer and use it in GitHub Desktop.
<script type="text/x-template" id="xtemplateMultiSelectTextControl">
<div class="form-group-parent">
<div class="form-group-children form-inline form-multi-text-select" v-for="(row_array, rindex) in property.rows">
<a class="btn btn-remove" href="javascript:void(0)" v-on:click="removeMultiSelectTextElement(rindex);">X</a>
<div class="group-children" v-for="(row, index) in row_array">
<label class="prop-label" v-if="row.label !== ''" v-text="row.label"></label>
<select
v-bind:id="row.key + index"
v-bind:class="['form-control', controlClasses]"
v-bind:data-key="index"
v-if="row.type === 'select'"
v-on:change="computeChildOf(row, rindex)"
v-model="row.value">
<option v-for="option in row.options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<input
v-bind:class="['form-control', controlClasses]"
v-bind:id="row.key + index"
v-bind:data-key="index"
v-if="row.type === 'text'"
v-model="row.value"
type="text">
</div>
</div>
<a class="btn btn-add" href="javascript:void(0)" v-on:click="addMultiSelectTextElement();">+ Add another</a>
</div>
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment