jQuery MiniUI

 找回密码
 立即注册
查看: 2663|回复: 1
打印 上一主题 下一主题

lookup 按钮不能用鼠标设置焦点? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-8-15 15:11:01 |只看该作者 |倒序浏览
我在grid控件中设置了lookUP按钮辅助录入,发现用鼠标点击之后,光标就消失了,不能直接录入数据。我的意思是可以直接录入,不清楚的时候可以选择查询之后录入。
<body>
     <form id="form1" runat="server">
     <h1>业余时间来院加班人员登记表  
         <asp:TextBox ID="TextBoxUser" runat="server" Width="0px" BorderStyle="None"
             Enabled="False" EnableViewState="False" Height="0px"></asp:TextBox>
         <asp:TextBox ID="TextBoxYuanqu" runat="server" Width="0px" BorderStyle="None"
             Enabled="False" Height="0px" style="font-size: medium; color: #FF3300"></asp:TextBox>
     </h1>
    <div style="width:1150px;">
        <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
            <table style="width:1150px;">
                <tr>
                    <td style="width:100%;">
                        <a class="mini-button" iconCls="icon-addnew" plain="true">增加</a>
                        <span class="separator"></span>
                        <a class="mini-button" iconCls="icon-add" plain="true">复制新增</a>
                        
                         <span class="separator"></span>
                        <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
                        <span class="separator"></span>
                        <a class="mini-button" iconCls="icon-save" plain="true">保存</a>   
                         <span class="separator"></span>         
                    </td>
                    <td style="white-space:nowrap;">
                        <input id="staff_name" class="mini-textbox" emptyText="请输入加班人员姓名" style="width:150px;" />   
                        <a class="mini-button">查询</a>
                    </td>
                </tr>
            </table>           
        </div>
    </div>
    <div id="datagrid1" class="mini-datagrid" style="width:1150px;height:280px;"
        url="StaffService.aspx?method=GetStaffByUser" idfileld="id" allowResize="false" pageSize="20"
        allowCellEdit="true" allowCellSelect="true" multiSelect="false"  allowRowSelect="true"
        fitcolumns="false"
           
    >
        <div property="columns">
            <div type="indexcolumn" width="30"></div>      
            <div field="staff_id"  name = "staff_id" allowResize="false" width="80" headerAlign="center" allowSort="false">工号
               <input property="editor" id="lookup2" class="mini-lookup"  textField="staff_name" valueField="staff_id" popupWidth="auto"
                    popup="#gridPanel" grid="#datagrid2" multiSelect="true" />
            </div>
            <div field="staff_name" name="staff_name" align="center" allowResize="false" width="50" headerAlign="center" allowSort="false">姓名
                <input property="editor" class="mini-textbox"  />
            </div>
             <div field="dept" name="dept" allowResize="false" width="120" headerAlign="center" allowSort="true">科室
                <input property="editor" class="mini-textbox"  />
            </div>
              <div field="kind" name="kind"  width="50" align="center" headerAlign="center" >身份
                <input property="editor" class="mini-combobox" style="width:100%;" data="Genderskind"" />               
            </div>
             <div field="oper_nurse" type="checkboxcolumn" turevalue="1" falsevalue="0" allowResize="false" width="60" headerAlign="center" allowSort="false">手术护士
              
            </div>
            <div  field="grade" name="grade"  width="50" align="center" headerAlign="center" >职称
                <input property="editor" class="mini-combobox"  data="Genders"" />               
            </div>
              <div field="start_time" allowResize="false" width="140" dateFormat="yyyy-MM-dd HH:mm" headerAlign="center" allowSort="false">开始时间
                <input property="editor"  class="mini-datepicker" showtime="true" showTodayButton="false" showOkButton="true" showClearButton="false" format="yyyy-MM-dd HH:mm"  />
            </div>
             <div field="end_time" allowResize="false" width="140" dateFormat="yyyy-MM-dd HH:mm" headerAlign="center" allowSort="false">开始时间
                <input property="editor"  class="mini-datepicker" showtime="true" showTodayButton="false" showOkButton="true" showClearButton="false" format="yyyy-MM-dd HH:mm"  />
            </div>
            <div field="patient_id" name="patient_id" allowResize="false" width="60" headerAlign="center" allowSort="false">住院号
                <input property="editor"  class="mini-textbox"  />
            </div>
            <div field="pat_name" name="pat_name" allowResize="false" width="50" headerAlign="center" allowSort="false">病人
                <input property="editor" class="mini-textbox"  />
            </div>
            <div field="diagnosis" name="diagnosis" allowResize="false" width="100" headerAlign="center" allowSort="false">诊断
                <input property="editor" class="mini-textbox"  />
            </div>
            <div field="taxi" type="checkboxcolumn" turevalue="1" falsevalue="0" allowResize="false" width="50" headerAlign="center" allowSort="false">出租
              
            </div>
            <div field="create_user" allowResize="false" width="50" align="center"  headerAlign="center" allowSort="false">值班
                <input property="editor" class="mini-textbox" />
            </div>
               <div field="create_time" allowResize="false" width="110" dateFormat="yyyy-MM-dd HH:mm" headerAlign="center" allowSort="true">记录时间
                <input property="editor" class="mini-datepicker"  showtime="true"  format="yyyy-MM-dd HH:mm:ss"  />
            </div>
      
            <%-- <div  field="yuanqu" width="40" align="center" headerAlign="center" >院区
                <input property="editor" class="mini-combobox"  data="GendersYuanqu"" />               
            </div>--%>
                  
        </div>
    </div>
     <!--选择面板-->
    <div id="gridPanel" class="mini-panel" title="工号查询" iconCls="icon-search" style="width:450px;height:250px;" visible="false"
        showToolbar="true" showCloseButton="true" showHeader="true" bodyStyle="padding:0" borderStyle="border:0"
    >
        <div property="toolbar" style="padding:5px;padding-left:8px;text-align:center;">   
            <span>姓名:</span>   
            <input id="keyText" class="mini-textbox" style="width:160px;"/>
            <a class="mini-button">查询</a>      
           
        </div>
        <div id="Div1" class="mini-datagrid" style="width:100%;height:100%;"
            borderStyle="border:0" showPageSize="false" showPageIndex="false"
            url="StaffService.aspx?method=GetStaffInfoByName"
        >
            <div property="columns">
                <div type="checkcolumn" >#</div>
                <div field="staff_name" width="120" headerAlign="center" allowSort="false">姓名</div>   
                <div field="staff_id" width="120" headerAlign="center" allowSort="false">工号</div>
                <div field="dept" width="120" headerAlign="center" allowSort="false">科室</div>
             </div>
        </div>  
    </div>
    <script type="text/javascript">

        var Genders = [{ id: '高级', text: '高级' }, { id: '中级', text: '中级' }, { id: '初级', text: '初级'}];
        var GendersYuanqu = [{ id: '东院', text: '东院' }, { id: '西院', text: '西院'}];
        var GendersTaxi = [{ id: '是', text: '是' }, { id: '否', text: '否'}];
        var Genderskind = [{ id: '医疗', text: '医疗' }, { id: '护理', text: '护理' },  { id: '行管', text: '行管' }, { id: '其他', text: '其他'}];
        mini.parse();
        var txtUser = document.all.TextBoxUser.value;
        var txtYuanqu = document.all.TextBoxYuanqu.value;
        var grid = mini.get("datagrid1");
        grid.load({key:txtUser});
        var staff_grid = mini.get("datagrid2");
        var win = mini.get("selectWindow");
   
        //////////////////////////////////////////////////////
        function onShowPopup(e) {
            staff_grid.load();
        }
        function onSearchClick(e) {
           staff_grid.load({
                key: keyText.value
            });
        }
   
              function addRow() {
            var newRow = { name: "New Row" };
            grid.addRow(newRow, 0);
            grid.setCurrentCell([0, 1]);
            grid.beginEditCell();
        }


    </script>
    <div class="description">
          </div>
     </form>
</body>
</html>

Rank: 8Rank: 8

沙发
发表于 2013-8-15 15:25:39 |只看该作者
lookup本身的输入框是不给录入的。
你要查询的话,可以在下拉里面放个查询,去下拉的表格内查找数据
http://www.miniui.com/demo/#src=lookup/lookup.html

这个就是了,下拉查询

Archiver|普加软件

GMT+8, 2024-9-29 18:31 , Processed in 1.033101 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部