jquery - How can I use Twitter Typeahead with SignalR to get autocomplete suggestions -



jquery - How can I use Twitter Typeahead with SignalR to get autocomplete suggestions -

the client-side javascript below doesn't work, code completes before cb gets populated. populating cb in signalr done function fails late because phone call asynchronous.

how can populate source using signalr in response user input typeahead textbox?

var tonamesource = function (query, cb) { settimeout(function () { var prefix = $('#toname').val(); var mycbval = []; talk.server.getpcont(prefix, connectionid) .done(function (mmid) { $.each(mmid, function () { var myobj = this; mycbval.push({ name: myobj.name, id: myobj.id }); }); }).fail(function (error) { // }); cb(mycbval); }, 300) }; $(".tt-toname").typeahead(null, { minlength: 2, source: tonamesource, displaykey: 'name', }).on('typeahead:selected', function (obj, datum) { //$(".tt-name").typeahead('val', datum.name).typeahead('close'); });

happily found trigger typeahead event programmatically using jquery gave me reply analogy. signalr can populate twitter typeahead suggestions.

the reply in case in setting source see below. learned calling callback function can - , must - done within of done or fail segments run when phone call signalr server async return. , callback method produces display of suggestions.

<div class="typeahead-wrapper"> <input class="tt-toname" id="toname" name="toname" type="text" placeholder="enter name" /> </div>

(recommend skip update next section!)

$(".tt-toname").typeahead(null, { minlength: 2, // begin source source: function (query, process) { var prefix = $('#toname').val(); var mycbval = [];// callback value // "talk" = $.connection.talkhub; , set elsewhere globally //getpcont custom signalr method on server talk.server.getpcont(prefix, connectionid) .done(function (mmid) { $.each(mmid, function () { var myobj = this; mycbval.push({ name: myobj.name, id: myobj.id }); process(mycbval);//process callback method }); }).fail(function (error) { process([]);//process callback method, don't know if necessary here, produce no suggestions }); } // end source , displaykey: 'name', }).on('typeahead:selected', function (obj, datum) { //$(".tt-name").typeahead('val', datum.name).typeahead('close'); });

updated sept 11, 2015 work typeahead.js version 0.11.1 ------------------------

$(".tt-toname").typeahead({ // hint: true, //highlight: true, minlength: 2 } , { name: 'myname', limit:10, source: function (q, sync, async) { talk.server.getcontacts(q, connectionid) .done(function (data, status) { async(data); } ).fail(function (error) { alert("in fail" + error); }); }, displaykey: 'name' });

also see: bootstrap typeahead not showing hints expected

jquery asp.net-mvc signalr twitter-typeahead

Comments

Post a Comment

Popular posts from this blog

java Multi query from Mysql using netbeans -

java Multi query from Mysql using netbeans - i have java code retrieve info mysql appropriate code in netbeans.the code below. want multi query such illustration finding total number of products , on.could help me please. in advance import java.sql.*; public class javamysqlselectexample { public static void main(string[] args) { seek { string mydriver = "com.mysql.jdbc.driver"; string myurl = "jdbc:mysql://localhost/sample"; class.forname(mydriver); connection conn = drivermanager.getconnection(myurl, "root", "mypasscode1"); string query = "select * products"; statement st = conn.createstatement(); resultset rs = st.executequery(query); while (rs.next()==true) { int code = rs.getint("code"); string productname = rs.getstring("product_name"); string producttype = rs.getstring("product_type"); system.out.format(" %d, %s, %s\n", code, pr
Read more

c# - DotNetZip fails with "stream does not support seek operations" -

c# - DotNetZip fails with "stream does not support seek operations" - i using dotnetzip in c# unzip stream follows: public static void unzipfromstream(stream stream, string outdir) { //omit seek grab block using (zipfile zip = zipfile.read(stream)){ foreach (zipentry e in zip){ e.extract(outdir, extractexistingfileaction.overwritesilently); } } } stream obtained using webclient client = new webclient(); stream fs = client.openread(url); however, got next exception exception during extracting zip stream system.notsupportedexception: stream not back upwards seek operations. @ system.net.connectstream.get_position() @ ionic.zip.zipfile.read(stream zipstream, textwriter statusmessagewriter, encoding encoding, eventhandler`1 readprogress) on server side(asp.net mvc 4), returning filepathresult or filestreamresult both caused exception. should obtain stream differently on client side? or how create server homec
Read more

c++ - StartServiceCtrlDispatcher don't can access 1063 error -

c++ - StartServiceCtrlDispatcher don't can access 1063 error - i write on c++ service , have error, , don't can fixed it. my service main function int main (int argc, tchar *argv[]) {dword f; for(int i=0;i<113;i++) f = getlasterror(); servicepath = lptstr(argv[0]); outputdebugstring(_t("my sample service: main: entry")); //installservice(); service_table_entry servicetable[] = { {service_name, (lpservice_main_function) servicemain}, {null, null} }; // startservice(); if(!startservicectrldispatcher(servicetable)) { f = getlasterror(); //addlogmessage("error: startservicectrldispatcher"); } else if( memcmp(argv[argc-1],"install",7)) { installservice(); } else if( memcmp(argv[argc-1],"remove",6)) { removeservice(); } else if( memcmp(argv[argc-1],"start",5)) { startservice(); } else if( memcmp(argv[argc-1],"stop",4))
Read more