javascript - How to make recursive ng-repeat Table -


i developing time-registration app. @ frontpage recursive/hierarchial table in angular on tasks in application.

i using ng-include, little unsecure structure.

so far have script/template:

<script type="text/ng-template" id="field_renderer.html">   <tbody ng-switch="x.open">   <tr     ng-repeat="x in tasks | orderby : ctrl.sortorder:ctrl.reverse | start: (ctrl.currentpage - 1) * ctrl.filter.maxsize | limitto: ctrl.filter.maxsize"     class="table_row" ng-class="x.haschildren == true? 'has-children' : 'no-children'">     <td ng-click="ctrl.selecttablerow($index, x.id)" class="clickable">       {{x.id}}       <span class="glyphicon sort-icon" ng-show="x.haschildren"             ng-class="{'glyphicon-chevron-up':!x.open,'glyphicon-chevron-down':x.open}"></span>     </td>     <td ng-click="ctrl.showtask(x.id)" class="project">{{x.project.projectname}}</td>     <td ng-click="ctrl.showtask(x.id)" class="sprint" ng-click="ctrl.gotosprint(x.sprint)">{{x.sprint.sprintname}}</td>     <td ng-click="ctrl.showtask(x.id)" class="area">{{x.area.areatext }}</td>     <td ng-click="ctrl.showtask(x.id)" ng-class="{'highest-priority': x.priority.id == 1}" style="text-align: center;"         class="priority">{{x.priority.id }}     </td>     <td ng-click="ctrl.showtask(x.id)" class="type">{{x.type.typetext}}</td>     <td ng-click="ctrl.showtask(x.id)" class="status">{{x.status.statustext}}</td>     <td ng-click="ctrl.showtask(x.id)" class="description">{{ x.descriptionshort }}</td>     <td ng-click="ctrl.showtask(x.id)" class="reg-date">{{x.regdate}}</td>     <td ng-click="ctrl.showtask(x.id)" class="responsible-intern">{{x.responsiblebytelab.username}}</td>     <td ng-click="ctrl.showtask(x.id)" class="dates">{{x.dates}}</td>     <td ng-click="ctrl.showtask(x.id)" class=" budget">{{x.budget}}</td>     <td ng-click="ctrl.showtask(x.id)" ng-class="{'wrong-estimate': x.remaining + x.used > x.estimate}"         class="time-est">{{x.estimate | minutestohours | date:'hh:mm'}}     </td>     <td ng-click="ctrl.showtask(x.id)" ng-class="{'wrong-estimate': x.remaining + x.used > x.estimate}"         class="time-remaining">       {{x.remaining | minutestohours | date:'hh:mm'}}     </td>     <td ng-click="ctrl.showtask(x.id)" ng-class="{'wrong-estimate': x.remaining + x.used > x.estimate}"         class="time-used">{{x.used | minutestohours | date:'hh:mm'}}     </td>     <td class="price" style="text-align: center;">       {{x.amount | currency}}     </td>     <td class="invoice-type">{{x.invoicetypestring}}</td>     <td><input type="checkbox"                ng-checked="ctrl.selectedtasks.indexof(x) > -1"                value="{{x}}"                ng-click="ctrl.toggleselection(x)"/>       <img title="group subtask" class="r-10" src="/images/icon_groupapplications.png" ng-click="ctrl.groupsubtask(x)">     </td>     <td class="invoice-nr">{{ x.invoicenr }}</td>     <td><img title="start working on task." ng-click="ctrl.newtaskwatcherlognodescription(x.project.id,x.id);"              src="/images/icon_clock.png" style="border-width:0px;cursor:pointer;"></td>   </tr>   <div ng-if="x.open">     <tr class="children_row" onload="x = tasks.childrentask" ng-include="'field_renderer.html'"></tr>   </div>   </tbody> </script>

i calling this:

<tbody>   <tr class="clickable table_row" onload="tasks = ctrl.filteredtasks" ng-include="'field_renderer.html'"/>

it seems work, extremely slow. how can improve performance? , right way of building recursive/hierarchial table?


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more