<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    <div class="moz-cite-prefix">Mei Na, your question is quite
      valuable.<br>
      <br>
      Reuse is key to success. I strongly disagree to create everything
      from scratch.<br>
      &nbsp;&nbsp;&nbsp; 1. Check jquery-ui to see any widget there available to use.<br>
      &nbsp;&nbsp;&nbsp; 2. Check 3rd party plugin to see anything there we can
      leverage if jquery-ui does not contain it.<br>
      <br>
      It is quite beneficial to follow jquery style to write UI code
      which is to get any bit of our code to be a jquery plugin/widget.<br>
      &nbsp;&nbsp;&nbsp; 1. This is inherent modularized which is easy to maintain.<br>
      &nbsp;&nbsp;&nbsp; 2. The reuse will be maximized.<br>
      &nbsp;&nbsp;&nbsp; 3. For new developer that knows jquery, easy for them to start
      up.<br>
      &nbsp;&nbsp;&nbsp; 4. For any party that is interested in further extending
      kimchi source, they will appreciate our jquery style of coding.<br>
      <br>
      <br>
      For 3rd party jquery plugin/widget, first, its feature, quality,
      maintenance, license need to be evaluated.<br>
      As they are not created by google jquery team, we need to make
      sure their backend supporting team is reliable for long-term
      commitment.<br>
      They have good maintenance, bug, enhancement request, upgrade are
      all handled properly, or else, we will have big risk.<br>
      <br>
      For any 3rd party plugin/widget, it will be a dependency of kimchi
      at source code level as we need to ship their source.<br>
      <br>
      My thinking below:<br>
      1. For small widgets like select/tooltip, we can not introduce
      them on a plugin/widget basis, that will introduce too many
      dependencies to manage.<br>
      &nbsp;&nbsp;&nbsp; We should introduce a library of widgets which will cover a
      relatively broad scope, like jquery-ui.<br>
      2. For functional widgets like chart/datagrid, each widget itself
      is big and quite independent, easy to manage, we can select a 3rd
      party widget.<br>
      <br>
      <br>
      On 12/26/2013 11:33 AM, zhoumeina wrote:<br>
    </div>
    <blockquote cite="mid:52BBA3A6.8000700@linux.vnet.ibm.com"
      type="cite">
      <meta http-equiv="content-type" content="text/html;
        charset=ISO-8859-1">
      As we know that as the development of kimchi UI, more and more new
      feature merged. And we need more UI widgets to support our
      feature. Just like charts, tooltips, filter select <br>
      <br>
      <img alt="" src="cid:part1.08090806.05040405@linux.vnet.ibm.com"
        height="154" width="470"><br>
      and so on. and also will be more complex.<br>
      <br>
      And our way to solve this problem is trying to make a widget by
      css, do we want to continue this way?<br>
      or trying to find some common jquery third-part widget?<br>
      <div class="trans-left clearfix">
        <div class="trans-input-wrap">
          <div dir="ltr" class="input-wrap">
            <div style="height: 180px;" class="textarea-wrap">
              <p class="ordinary-output target-output"><span class=""
                  left-pos="0|12" right-pos="0|12" space="">Appreciate
                  any</span><span class="" left-pos="12|6"
                  right-pos="12|6" space="0| "> comments.</span></p>
            </div>
            <a moz-do-not-send="true" style="display: block;"
              href="http://fanyi.baidu.com/###" class="operate-btn
              op-sound data-hover-tip" data-hover-tip-text="&#26391;&#35835;&#32467;&#26524;"><span></span></a></div>
        </div>
      </div>
      <div class="output-bd" dir="ltr">
        <p class="ordinary-output target-output"><span class=""
            left-pos="0|12" right-pos="0|12" space="">Appreciate any</span><span
            class="" left-pos="12|6" right-pos="12|6" space="0| ">
            comments</span></p>
      </div>
      <br>
      <br>
      <br>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
      <pre wrap="">_______________________________________________
Kimchi-devel mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a>
<a class="moz-txt-link-freetext" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a>
</pre>
    </blockquote>
    <br>
  </body>
</html>