twitter bootstrap - Load and Edit Remote Data with Select2() 4.0 -


i have problem pluging select2() v4.0. want load remote data in mi modal boostrap , edit values. code is:

html

 <select id="txtasistentes" class="js-example-basic-multiple" multiple="multiple" style="width: 100%" />

js

controltoselect2format: function (controlid,ocultos) {     var control = "#" + controlid;     $(control).select2({                   minimuminputlength: 2,  // minimuminputlength sending ajax request server         width: 'resolve',   // adjust proper width of select2 wrapped elements          tags: false,         allowclear: false,         multiple: true,         ajax: {             url: "/home/searchuserad/",             datatype: 'jsonp',             data: function (params) {                 return {                     term: params.term, // search term                     page: params.page                 };             },             processresults: function (data, page) {                                  return { results: data.results };             }         },                   initselection: function (element, callback) {             var id = $("#hdreservaid").val();             if (id !== "") {                 $.ajax({                     url: "/home/getasistentesreserva/",                     datatype: "jsonp",                     data: { idreserva: id }                                        }).done(function (data) {                      callback(data.results);                 })             }         }     }); }

the initselection ok, because use "select2.full.min.js" problem when try edit values initselection precharge select2 control. lose values , clear control.

how can edit initial values without remove values?

my problem when want editing data created , saved before. don't know how editing select2()

thanks!

finally solution have been put code after of select() initialization, , remove code initselection:

    var id = $("#hdreservaid").val();     if (id !== "") {         $.ajax({             url: "/home/getasistentesreserva/",             datatype: "jsonp",             data: { idreserva: id }         }).then(function (data) {             data.results.foreach(function (entry) {                 //alert(entry);                 var $option = $('<option selected>' + entry.text + '</option>').val(entry.id);                 $(control).append($option).trigger('change');             });             $(control).trigger('change');         });     }

if modal opened editing, call ajax editing data. method can editing without problem data select2() multiselect .

thank support!!


Comments

Post a Comment

Popular posts from this blog

searchKeyword not working in AngularJS filter -

i writing app using angularjs on front end. want search through table word/field; 1 search box everything. according article here: http://hello-angularjs.appspot.com/searchtable can use filter: searchkeyword this. this code, , not working expected. <label>search: <input ng-model="searchkeyword"></label> <table ng-repeat="post in posts | orderby: sort | filter: searchkeyword"> <tr> <td> {{index(post)}} </td> <td> {{post.title}} </td> <td> {{post.author}} </td> <td> {{post.content}} </td> <td> {{post.date | date: "d/m/yyyy"}} </td> </tr> </table> what should do? thank you try this: controller $scope.posts = [ {title:'title one', author:'author one', content: 'content one'}, {title:'title two', author:'author two', content: 'cont...
Read more

sequelize.js - Sequelize: sort by enum cases -

i have model ( article ) field (the name type ) of type enum('source', 'translated') , return 1 article ordered type field. source articles should returned before translated articles. like: article.findone(order: [ { type: [ 'source', 'translated' ] } ]); unfortunately there appears no built-in solution sorting enums. instead have sort by case , couldn't find documentation on how sequelize. what conventional approach here? sorting case hard in sequelize, sort field (the second answer in linked post) should possible: order: sequelize.fn('field', sequelize.col('type'), 'source', 'translated') it's supported mysql far know though
Read more

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

i trying use following code create interactive gui changes color-space(hsv, rbg, grayscale etc) on event of button click. display opencv video in tkinter using multiprocessing being new python having problems multiprocessing , attempts on making gui change it's color space on button clicks hangs entire system. on it's implementation highly appreciated. thankyou. below code: import cv2 pil import image,imagetk import tkinter tk import numpy np multiprocessing import process , queue def quit_it(root,process): root.destroy() process.terminate() def black_andwhite(root,process): process.terminate p=process(target=capture_image, args=(5,queue, )) p.start() root.after(0, func=lambda: update_all(root, image_label, queue)) def update_image(image_label, queue): frame = queue.get() = image.fromarray(frame) b = imagetk.photoimage(image=a) image_label.configure(image=b) image_label._image_cache = b root.update() def update_all(root...
Read more