eos入门笔记（nui版本）（一）

来源：互联网发布：北京程序员编辑：程序博客网时间：2024/06/08 12:06

F4：设置/取消断点； F5：单步跳入； F6：单步跳过； F7：单步返回； F8：运行结束普元的eos studio里面连接数据库配置里面没有11g，但是是可以用10g去兼容11g Lookup 由 3 部分组成：“ nui-lookup”类型的 input 控件、“ nui-panel”类型的 div 控件及“ nui-datagrid”类型的 div 控件。(1) “ nui-lookup”类型的 input 控件，代码如下：

<input id="lookup2" name="look" class="nui-lookup" style="width:200px;"textField="name" valueField="id" popupWidth="auto"popup="#gridPanel" grid="#datagrid1" multiSelect="true"value="5e9d1625-d14e-49f2-b618-efcaadeeca71" text="abc" />

其中： name 和 value 组成提交时该的控件的“名”与“值”； textField 与 valueField为子页面选中后传回到主页面的“显示值”与“真实值”； popup 的值为 “ #”加上 “ nui-panel”类型的 div 控件的 id 值;grid 的值为“ #” 加上“ nui-datagrid”类型的 div 控件的 id。(2) “ nui-panel”类型的 div 控件

        <div id="gridPanel" class="nui-panel" title="header" iconCls="icon-add" style="width:450px;height:250px;"              showToolbar="true" showCloseButton="true" showHeader="false" bodyStyle="padding:0" borderStyle="border:0" >            <div property="toolbar" style="padding:5px;padding-left:8px;text-align:center;">                   <div style="float:left;padding-bottom:2px;">                    <span>姓名：</span>                                    <input id="keyText" class="nui-textbox" style="width:160px;" onenter="onSearchClick"/>                    <a class="nui-button" onclick="onSearchClick">查询</a>                    <a class="nui-button" onclick="onClearClick">清除</a>                </div>                <div style="float:right;padding-bottom:2px;">                    <a class="nui-button" onclick="onCloseClick">关闭</a>                </div>                <div style="clear:both;"></div>            </div>

以上代码实现了用“姓名”进行搜索得到结果功能的页面部分。
(3) “ nui-datagrid”类型的 div 控件，这部分代码含在“ nui-panel”类型的 div 控件
内：

<div id="gridPanel" class="nui-panel" title="header" iconCls="icon-add" style="width:450px;height:250px;"              showToolbar="true" showCloseButton="true" showHeader="false" bodyStyle="padding:0" borderStyle="border:0" >            <div property="toolbar" style="padding:5px;padding-left:8px;text-align:center;">                   <div style="float:left;padding-bottom:2px;">                    <span>姓名：</span>                                    <input id="keyText" class="nui-textbox" style="width:160px;" onenter="onSearchClick"/>                    <a class="nui-button" onclick="onSearchClick">查询</a>                    <a class="nui-button" onclick="onClearClick">清除</a>                </div>                <div style="float:right;padding-bottom:2px;">                    <a class="nui-button" onclick="onCloseClick">关闭</a>                </div>                <div style="clear:both;"></div>            </div>            <div id="datagrid1" class="nui-datagrid" style="width:100%;height:100%;" borderStyle="border:0" showPageSize="false"                  showPageIndex="false" url="org.gocom.components.nui.demo.newdataset.impl.TEmployee.queryEmployee.biz.ext" >                 <div property="columns">                     <div type="checkcolumn" ></div>                     <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>                         <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>                     <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>                                 </div>            </div>          </div>

这部分代码实现了结果展示的页面。

0 0