This is a migrated thread and some comments may be shown as answers.

Hide MultiSelect control on editor template

3 Answers 1160 Views

Grid

This is a migrated thread and some comments may be shown as answers.

mike asked on 12 Jun 2014, 06:32 PM

I have a template that has a multiselect control on it. I want to be able to hide it or show it dynamically.

<script id="popup_editor" type="text/x-kendo-template">

<div id="monthlyOptions" >

<label>Select Days of Month</label>

<select id="daysOfMonth" name="daysOfMonth" multiple="multiple" data-placeholder="Select Days" data-role="multiselect">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

<option>6</option>

<option>7</option>

<option>8</option>

<option>9</option>

<option>10</option>

<option>11</option>

<option>12</option>

<option>13</option>

<option>14</option>

<option>15</option>

<option>16</option>

<option>17</option>

<option>18</option>

<option>19</option>

<option>20</option>

<option>21</option>

<option>22</option>

<option>23</option>

<option>24</option>

<option>25</option>

<option>26</option>

<option>27</option>

<option>28</option>

<option>29</option>

<option>30</option>

<option>31</option>

</select>

<span class="k-invalid-msg" data-for="daysOfMonth"></span>

</div> </script>

How would i gain reference to this to call show/hide on it. Im doing something similar on a form and can call $("#daysOfMonth").hide() and it works fine. Doesn't work in the popup editor however. Any clues how to do this?

Hide MultiSelect control on editor template

3 Answers, 1 is accepted