javascript - Ember JS - Improving Performance of Select View -


i have select box contains list of 350-400 <option> element. element data loaded via ajax. loads fine.

but when ember tries create list. browser hangs high ram , cpu uses unresponsive script error shown in browser. given enough time renders.

it seems ember doesn't caches rendered element because every time comeback same page problem repeats.

so, there way can improve performance of view select?

the sample code select view:

{{view "select" prompt="-- select --" content=controllers.application.companies             optionvaluepath="content.id" optionlabelpath="content.name_abbr"             classnames="form-control" value=dailyid}}

i know 1 of alternatives using typeahead script using text box. want save plan b now.

warning: solution due deprecated of ember 2.0 according this blog entry:

removals

  • ....

  • manually rendering string buffer in view

i don't think have answer you, , didn't come 'cause couldn't find full implementation i've made while back. copy of current select component, except, said, i've implemented render method. this:

app.customselectcomponent = em.component.extend({    tagname: 'select',    optionvaluepath: '',    optionlabelpath: '',    content: [],    render: function(buffer) {     var selfie = this,         options = this.get('content'),         idpath = this.get('optionvaluepath'),         valpath = this.get('optionlabelpath');      options.foreach(function(option) {         buffer.push('<option value=\'' +  option[idpath.replace(/^content\.?/, '')] + '\'>');       buffer.push(option[valpath.replace(/^content\.?/, '')]);       buffer.push('</option>');     });   } });

this not implementation had before, , if spend few seconds looking @ see problems solution, however, render implementation might want into.

with implementation is, can better performance already. on jsbin i've added small set of records both ember.select , sample custom-select:

a lil faster built-in ember.select

but again, implementation lacking several features , not enough answer question. did few minutes ago sort of show you'd start implementing render , how, within component.

sorry if isn't answer wanted.


Comments

Post a Comment

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

i have following sample code used pre-decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(--c); cout << c << endl; return; } } this function give output input 4 : dp3 dp2 dp1 dp0 0 1 2 3 but when use post decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(c--); cout << c << endl; return; } } output goes in infinite loop dp4 can explain me in detail why happens ? this happens because function(c--) called same value of c , when finishes c decremented. recursively called, hence called same value no chance of return , hit stack overflow error. assume this, int x = 1, y = 0; y = x++ result y == 1 , x == 2. if y = ++x , bot x , y 2.
Read more

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

i added new project. made mistake in projectname.conf file in sites-available apache2, led me reinstalling apache2. after reinstalling , re-enabling projects on every page of every project .. <body> run(); </body> .. i've run composer update, restarted service, restarted pc, checked config files, tried disabling new project. there nothing in error log, , access.log: 127.0.0.1 - - [15/may/2015:01:40:47 +0200] "get / http/1.1" 304 181 "-" "mozilla/5.0 (x11; ubuntu; linux x86_64; rv:38.0) gecko/20100101 firefox/38.0" maybe i'm forgetting apache2 reinstall? don't think did different last time installed it. looks haven't setup php correctly. take @ this great guide , maybe you're forgetting link php config apache2.
Read more

php - How can I echo out this array? -

i don't know how go grabbing data in variable , put foreach loop. class tree{ private $info = array( array('name'=>'jim','state'=>'nu','company'=>'nu','phone'=>array('cell'=>'5615111111','office'=>'5611111111'),'email'=>array('primary'=>'exs@example.com','ex@there.com')), array('name'=>'joe smith','city'=>'phoenix','phone'=>'4805551111','email'=>'jsmith@some_email.com'), array('name'=>'john doe','city'=>'chandler','company'=>'doe co.','email'=>array('jdoe@gmail.com','personal'=>'email@email.com'),'phone'=>'6025550002') ); } if you're inside of class, can access private variable using $this->variablename . example, i...
Read more