Skip to content

李希虎 / ODM

Go to a project
Toggle navigation
Toggle navigation pinning
Switch branch/tag
ba6cc070bd1532dd5c091dd7b6b08d20b36ae005.svn-base 8.28 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 
<HTML>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<head>
<link rel="stylesheet" href="../temp1.css" type="text/css">
<style>
	table {font-family:微软雅黑,Consolas,Arial,宋体;}
</style>
</head>

<body bgcolor=#ffffff vlink=#0000ff>

<div id="TagMenus"/><br>
<b>Menus</b>　　<img src='document.bmp' title='请参见演示页: 5.事件、按钮、菜单、工具条集中演示'>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgcolor=#e4e4e4><td colspan=4>含义:下拉菜单资源，用于下拉菜单风格的按钮；数量:0 - 1;</td></tr>
</table>
<br>

<div id="TagMenu"/>
<b>Menu</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:下拉菜单；数量:0 - n</td></tr>
<tr bgcolor=#f1f1f1><td>属性名称</td><td>含义</td><td>可用值</td><td>默认值</td></tr>
<tr><td>id</td><td>该菜单的ID号</td><td>串</td><td>无</td></tr>
<tr><td>url</td><td>菜单的XML文件的URL.<br>如果url为空，将采用下面跟随的item条目.</td><td>绝对或相对URL</td><td>无</td></tr>
</table>
<br>

<div id="TagItem"/>
<b>Item</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:菜单项；数量:1 - n；内容：菜单项</td></tr>
<tr bgcolor=#f1f1f1><td>属性名称</td><td>含义</td><td>可用值</td><td>默认值</td></tr>
<tr><td>id</td><td>菜单的id值</td><td>串，须为<font color="red">纯数字</font></td><td>无</td></tr>
<tr><td>text</td><td>菜单项文字</td><td>串</font></td><td>无</td></tr>
<tr><td>detail</td><td>该菜单项的详细说明，会显示在菜单下方弹出的浮动小窗口中</td><td>串</font></td><td>无</td></tr>
<tr><td>image (或icon)</td><td>菜单项图片的URL，支持<a href="../dev/pub.htm#Tag605" target=_blank>图片扩展URL</a></td><td>串</td><td>无</td></tr>
<tr><td>自定义属性</td><td>除了上述内容以外的，都是自定义属性</a></td><td>串</td><td>无</td></tr>
</table>
备注1：item可以有多级子item，表示多级别的下拉菜单.<br>
备注2：text、detail允许以"|"分隔中英文(用于中英文切换);<br>
<br>

<div id="TagPaths"/><br>
<b>Paths</b>　　<img src='document.bmp' title='请参见演示页: 5.事件、按钮、菜单、工具条集中演示、10.多记录Freeform(1)、12.多记录Freeform(3)、18.炫酷ImageFlow(图像流)控件'>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgcolor=#e4e4e4><td colspan=4>含义:路径资源，用于Rect、Img对象的渲染，能极大地提高界面的美感；数量:0 - 1;</td></tr>
</table>
<br>

<div id="TagPath"/>
<b>Path</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:路径，由一系列的点、曲线等组成的封闭区域；数量:0 - n<br>注：路径内的坐标均为相对坐标.</td></tr>
<tr bgcolor=#f1f1f1><td>属性名称</td><td>含义</td><td>可用值</td><td>默认值</td></tr>
<tr><td>id</td><td>该Path的ID号</td><td>串</td><td>无</td></tr>
</table>
<br>

<div id="TagPoints"/>
<b>Points</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:一系列的点组成的折线；数量:0 - n；</td></tr>
</table>
<br>

<div id="TagPoint"/>
<b>Point</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:点的相对坐标，x，y以逗号分隔，允许以%百分比表示，例如&lt;point&gt;20,50%&lt;/point&gt;,  数量:2 - n；</td></tr>
</table>
<br>

<div id="TagCurve"/>
<b>Curve</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:一系列的点组成的圆滑曲线；数量:0 - n；</td></tr>
</table>
<br>

<div id="TagPoint "/>
<b>Point</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:点的相对坐标，x，y以逗号分隔，允许以%百分比表示，例如&lt;point&gt;20,50%&lt;/point&gt;,  数量:2 - n；</td></tr>
</table>
<br>

<div id="TagBezier"/>
<b>Bezier</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:贝塞尔曲线；数量:0 - n；</td></tr>
</table>
<br>

<div id="Tagpoint"/>
<b>Point</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:点的相对坐标，x，y以逗号分隔，允许以%百分比表示，例如&lt;point&gt;20,50%&lt;/point&gt;,  数量:4；<br>备注：必须有4个点，分别表示起始点、第一控制点、第二控制点、终止点.</td></tr>
</table>
<br>

<div id="TagArc"/>
<b>Arc</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:弧线；数量:0 - n；</td></tr>
<tr bgcolor=#f1f1f1><td>属性名称</td><td>含义</td><td>可用值</td><td>默认值</td></tr>
<tr><td>x</td><td>圆弧的矩形区域的左上角x, 相对坐标，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>y</td><td>圆弧的矩形区域的左上角y，相对坐标，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>width</td><td>圆弧的矩形区域宽度，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>height</td><td>圆弧的矩形区域高度，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>angle</td><td>开始画弧的角度</td><td>0 - 360，顺时针方向</td><td>0</td></tr>
<tr><td>sweep</td><td>弧线长度(以弧度计)</td><td>0 - 360，顺时针方向</td><td>0</td></tr>
</table>
<br>

<div id="Tagrect"/>
<b>Rect</b>
<table width=100% cellpadding=4 cellspacing=0 border=1 borderColorLight=#999999 borderColorDark=#999999 align="center">
<tr bgColor=#e4e4e4><td colspan=4>含义:矩形或圆角矩形的封闭区域；数量:0 - n；</td></tr>
<tr bgcolor=#f1f1f1><td>属性名称</td><td>含义</td><td>可用值</td><td>默认值</td></tr>
<tr><td>x</td><td>矩形区域的左上角x, 相对坐标，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>y</td><td>矩形区域的左上角y，相对坐标，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>width</td><td>矩形区域宽度，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>height</td><td>矩形区域高度，允许以%百分比表示</td><td>如80、30%</td><td>(无)</td></tr>
<tr><td>round</td><td>圆角半径</td><td>数字</td><td>0</td></tr>
</table>
<br>

<div id="Tag附录.关于TableLayout"/><br>
<h3>附录：关于TableLayout</h3>
　　TableLayout 和 Html中的 Table 很相似，用于方便地书写布局，例如：<br>
<pre class='xml'>
&lt;TableLayout y=".bottom+2" width="100%"&gt;
 &lt;col width="20%"/&gt;
 &lt;col width="15%"/&gt;
 &lt;col width=".1"/&gt;
 &lt;col width="15%"/&gt;
 &lt;col width="20%"/&gt;
 &lt;col width="20%"/&gt;
 &lt;tr height="15"/&gt;
 &lt;tr height="21"&gt;
  &lt;td&gt;&lt;input id="id" LeftText="单证号: " width="2" nullAble="false"/&gt;&lt;/td&gt;
  &lt;td/&gt;
  &lt;td/&gt;
  &lt;td&gt;&lt;input id="dt" LeftText="发货日期: " width="2" defaultvalue="=now()" datatype="date"/&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr height="4"/&gt;
 &lt;tr height="21"&gt;
  &lt;td&gt;&lt;input id="rate" LeftText="汇率: " width="2" editmask="#,###.0000" datatype="double" /&gt;&lt;/td&gt;
  &lt;td/&gt;
  &lt;td/&gt;
  &lt;td&gt;&lt;input id="cust" LeftText="客户: " width="2" type="droptreelist" droplistID="customer"/&gt;&lt;/td&gt;
 &lt;/tr&gt;
&lt;/TableLayout&gt;</pre>
　　可见，使用了TableLayout后，就不需要为每个对象书写令人讨厌的 x、x、x1、x2 等坐标信息了，并且位置容易辨认，便于修改。<br>
　　TableLayout规则如下：<br>
1.列宽在&lt;col&gt;中统一定义;<br>
2.行高在&lt;tr&gt;中统一定义;<br>
3.只能在&lt;td&gt;...&lt;/td&gt;中嵌入对象;<br>
4.内嵌对象将自动拉伸，在所在单元格<b>满格显示</b>;<br>
5.内嵌对象 width、Height 属性的含义表示跨越的列数和行数;<br>
6.除了 width、Height 和&lt;Line&gt;的x1,x2,y1,y2，内嵌对象其它坐标定位属性无效;<br>
7.内嵌 input 对象的 leftSize、editSize 含义表示跨越的列数;<br>
8.如果内嵌对象有leftText、且leftSize和editSize未定义时，如果width=2, 那么左列分配给leftText，右列分配给输入控件;<br>
9.如果内嵌对象同上，当 width=3 时, 中间列自动作分隔用;<br>
10.一个 Freeform 中允许有多个 TableLayout, 且支持 TableLayout 层层嵌套;<br>
11.未包含嵌入对象的右侧的 &lt;td&gt; 可以省略;<br>
<br><br><br><br><br><br><br>
<script type='text/javascript' src='../dev/nstd.js'></script>
</body></html>