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

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 控件，代码如下：

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;">
                    姓名：                
                    id="keyText" class="nui-textbox" style="width:160px;" onenter="onSearchClick"/>
                    class="nui-button" onclick="onSearchClick">查询
                    class="nui-button" onclick="onClearClick">清除
                div>
                <div style="float:right;padding-bottom:2px;">
                    class="nui-button" onclick="onCloseClick">关闭
                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>

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