AngularJs Directives with DropDown lists -

-

perhaps i'm aiming big reusable directive idea, i've been asked give demo company in less 2 weeks, i'm aiming higher normal.

i'm building on top of question asked , answered here: angular list directive

i've added new features, such "click edit".

here's plnkr

here's works:

  • click edit

here's i'm having problems with:

  • display text instead of id drop down list
  • auto-focus object force input have focus can capture blur

next question be:

  • how know object i'm updating send server?

i did spend day sunday trying tasks work, failed. cleaned code of of failed attempts.

i want save record each time edit field. i'm updating object, think beautiful, don't know trigger send object server. perhaps that's jquery background talking?

thanks, duane

to display text instead of id dropdown list:

you can create function in directive loops through options, , returns name when id matches value you're binding on. example:

scope.statustext = function(){   var text = '';   angular.foreach(scope.statusoptions, function(item){     if(item.id == scope.task.status)         text = item.name;     });     return text; }

to auto-focus element

create function in directive called on ng-click of "display" span. set scope.editstatusmode = true, call .focus on element.

scope.setstatusfocus = function(){   scope.editstatusmode = true;   var el = element.find('select');   $timeout(function(){     el.focus();   }); };

wrapping el.focus() in $timeout delay call focus until dom done rendering. html looks this:

<span ng-hide="editstatusmode" ng-click="setstatusfocus()" ng-bind="statustext()"></span>

how know object you're updating

create update() function in directive bound 'ng-blur. in function, can accessscope.task`, can send off server save. 

scope.update = function(){   scope.editprioritymode = false;   //save scope.task here.   console.log(scope.task); }

this works description , priority. doesn't work status because when change status, disappears whichever list in , added different list, , blur event never fired. deal status, can create $watch on task.status, , call update() function there.

scope.$watch('task.status', function(oldvalue, newvalue){   scope.update(); })

plunker


Comments

Post a Comment

Popular posts from this blog

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r
Read more

C# random value from dictionary and tuple -

-
i have following code, , need random item contains string "region_1" dictionary. public static dictionary<int, tuple<string, int, currencytype>> itemarray = new dictionary<int, tuple<string, int, currencytype>>() { { 0xb3e, new tuple<string, int, currencytype>("region_1", 1500, currencytype.fame) } }; public static int generateitemid(string shopid) { var generateditem = itemarray.elementat(new random().next(0, itemarray.count)).key; } how select this? it's not possible efficiently... first create static random @ class level... prevent non-random behaviour if run query on short period of time... (it's seeded discrete clock) static random rnd = new random(); then: var item = itemarray.values .where(t => t.item1 == shopid) .orderby(_ => rnd.next()) .firstordefault()
Read more

algorithm - Testing tetrahedron-triangle intersection -

-
i want determine whether given triangle intersects tetrahedron. not want compute solution polygon(if exists) itself. there library/package/published practical algorithm can used solve problem directly (unlike attempt below)? i think last resort have use standard polygon-polygon intersection algorithm implementations solve problem indirectly . my attempt on problem: thought of breaking problem of polygon-polygon intersection. each triangular face(say t1 ) of tetrahedron , given triangle t2 , thought of doing following: compute intersection(a line) between planes corresponding each triangle, l1 . for each triangle: for each edge of triangle l2 , compute point of intersection p between l1 , l2 . test(maybe using parametric form) of l2 , if point lies on edge l2 . if both triangles t1 , t2 , there exists at least one edge on intersection point p lies, implies triangles(and hence given tetrahedron , triangle t2 ) do intersect. create orthonormal fr
Read more