* optimize ui perf for page program/browse.

module/program/view/browsebylist.html.php

@@ -1,5 +1,5 @@
 <?php $canOrder = (common::hasPriv('program', 'updateOrder') and strpos($orderBy, 'order') !== false)?>
-<form class='main-table' id='programForm' method='post' data-ride='table' data-nested='true' data-expand-nest-child='false' data-checkable='false' data-enable-empty-nested-row='true' data-replace-id='programTableList' data-preserve-nested='true' data-nest-level-indent='22'>
+<form class='main-table' id='programForm' method='post' data-ride='table' data-nested='true' data-expand-nest-child='false' data-checkable='false' data-enable-empty-nested-row='true' data-replace-id='programTableList' data-preserve-nested='true' data-nest-level-indent='22' data-selectable="false" data-skipResortRows="true">
   <table class='table has-sort-head table-fixed table-nested' id='programList'>
     <?php $vars = "status=$status&orderBy=%s";?>
     <thead>
@@ -86,9 +86,7 @@
         <td><?php echo $program->begin;?></td>
         <td><?php echo $program->end == LONG_TIME ? $lang->program->longTime : $program->end;?></td>
         <td>
-          <div class='progress-pie' data-doughnut-size='85' data-color='#00DA88' data-value='<?php echo round($program->progress)?>' data-width='26' data-height='26' data-back-color='#e8edf3'>
-            <div class='progress-info'><?php echo round($program->progress);?></div>
-          </div>
+          <?php echo html::ring($program->progress); ?>
         </td>
         <?php foreach($extendFields as $extendField) echo "<td>" . $this->loadModel('flow')->getFieldValue($extendField, $program) . "</td>";?>
         <td class='c-actions'>
@@ -174,11 +172,5 @@ $(function()
             $('#programForm').table('initNestedList')
         }
     });
-
-    $('#programForm').on('tableNestStateChanged', function()
-    {
-        /* Ensure visible progress pie inited after toggle nest states. */
-        $('.progress-pie:visible').progressPie();
-    });
 });
 </script>