openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/en/setting.check.chkStyle.html

   1 <div class="apiDetail">\r
   2 <div>\r
   3         <h2><span>String</span><span class="path">setting.check.</span>chkStyle</h2>\r
   4         <h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.excheck</span> js ]</span></h3>\r
   5         <div class="desc">\r
   6                 <p></p>\r
   7                 <div class="longdesc">\r
   8                         <p>Use the checkbox or radio. It is valid when <span class="highlight_red">[setting.check.enable = true]</span></p>\r
   9                         <p>Default: "checkbox"</p>\r
  10                 </div>\r
  11         </div>\r
  12         <h3>String Format</h3>\r
  13         <div class="desc">\r
  14         <p>When chkStyle = "checkbox", zTree show checkbox, and '<span class="highlight_red">setting.check.chkboxType</span>' attribute is valid.\r
  15 <br/>When chkStyle = "radio", zTree show radio, and '<span class="highlight_red">setting.check.radioType</span>' attribute is valid.</p>\r
  16         <p class="highlight_red">Please note that letter case, do not change.</p>\r
  17         </div>\r
  18         <h3>checkbox States Descriptions</h3>\r
  19         <div class="desc">\r
  20                 <p></p>\r
  21                 <div class="longdesc">\r
  22                         <p><button type="button" class="chk checkbox_false_full"></button>not checked; <span class="highlight_red">If node is parent, so its child nodes have been not checked.</span> when mouse over: <button type="button" class="chk checkbox_false_full_focus"></button></p>\r
  23                         <p><button type="button" class="chk checkbox_false_part"></button>not checked; (only parent node) <span class="highlight_red">some of its child nodes have been checked.</span> when mouse over: <button type="button" class="chk checkbox_false_part_focus"></button></p>\r
  24                         <p><button type="button" class="chk checkbox_true_full"></button>be checked; <span class="highlight_red">If node is parent, so its all child nodes have been checked.</span> when mouse over: <button type="button" class="chk checkbox_true_full_focus"></button></p>\r
  25                         <p><button type="button" class="chk checkbox_true_part"></button>be checked; (only parent node) <span class="highlight_red">some of its child nodes or all have been not checked.</span> when mouse over: <button type="button" class="chk checkbox_true_part_focus"></button></p>\r
  26                 </div>\r
  27         </div>\r
  28         <h3>radio States Descriptions</h3>\r
  29         <div class="desc">\r
  30                 <p></p>\r
  31                 <div class="longdesc">\r
  32                         <p><button type="button" class="chk radio_false_full"></button>not checked; <span class="highlight_red">If node is parent, so its child have been not checked.</span> when mouse over: <button type="button" class="chk radio_false_full_focus"></button></p>\r
  33                         <p><button type="button" class="chk radio_false_part"></button>not checked; (only parent node) <span class="highlight_red">some of its child have been checked.</span> when mouse over: <button type="button" class="chk radio_false_part_focus"></button></p>\r
  34                         <p><button type="button" class="chk radio_true_full"></button>be checked; <span class="highlight_red">If node is parent, so its child have been not checked.</span> when mouse over: <button type="button" class="chk radio_true_full_focus"></button></p>\r
  35                         <p><button type="button" class="chk radio_true_part"></button>be checked; (only parent node) <span class="highlight_red">some of its child have been checked.</span> when mouse over: <button type="button" class="chk radio_true_part_focus"></button></p>\r
  36                 </div>\r
  37         </div>\r
  38         <h3>Examples of setting</h3>\r
  39         <h4>1. use radio</h4>\r
  40         <pre xmlns=""><code>var setting = {\r
  41         check: {\r
  42                 enable: true,\r
  43                 chkStyle: "radio"\r
  44         }\r
  45 };\r
  46 ......</code></pre>\r
  47 </div>\r
  48 </div>