`
newstong1
  • 浏览: 10183 次
文章分类
社区版块
存档分类

jquery easyui 在初始加载时,页面显示比较慢时为什么会把新增页面的表格及控件都显示出来,如何隐藏

阅读更多
jquery easyui 在初始加载时,为什么会把新增页面的表格及控件都显示出来了,等加载完成后就没了,怎么把加载时的新增页面里的所有内给隐藏掉

引用

<body>
        <div style="margin-bottom:5px;height:30px;line-height:30px; background:#eee;padding:5px;border: 1px solid #ccc;">
        <table id="queryTable">
            <tr>
                <td></td>
                <td>                       
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;名称:</td>
                <td>
                <input id="book_name" name="book_name" type="text" style="width:200px;" height="18" maxlength="20" class="input_txt">           
                </td>
                <td></td>
                <td>

                </td>               
                <td>&nbsp;&nbsp;<input type="button" value="查询" onClick="fnQuery();"></td>               
            </tr>
        </table>
        </div>
        <table id="aSubjectList" width="750px" height="500px"></table>   
        <!--在加载时,页面显示比较慢时,先把下面的代码给显示了,怎么隐藏掉-->        <div id="eidtASubjectWindow" class="easyui-window" iconCls="icon-search"
            style="width: 800px; height: 450px; padding: 5px; background: #fafafa; ">
            <div class="easyui-layout" fit="true">
                <div region="center" border="false"
                    style="padding: 10px; background: #fff; border: 1px solid #ccc;">   
                  <s:form method="post" id="aSubjectForm">
                      <input type="hidden" name="param.book_id" id="book_id">                                     
                    <table width="100%" border="0" cellspacing="0">
                        <tr height="25">
                        <td  width="13%" height="27"  align="right">名称:</td>
                        <td width="20%"><nobr>
                            <input type="text" name="param.book_name" id="book_name" style="width:150px" class="input_txt">
                            <span style="color:red">*</span></nobr>                        </td>
                        </tr>
                        <tr height="25">
                        <td  width="13%" height="27"  align="right">书号:</td>
                        <td width="20%"><nobr>
                            <input type="text" name="param.book_sh" id="book_sh" style="width:150px" class="input_txt">
                            </nobr>                        </td>
                        </tr>
                        <tr height="25">
                        <td  width="13%" height="27"  align="right">作者:</td>
                        <td width="20%"><nobr>
                            <input type="text" name="param.book_zz" id="book_zz" style="width:150px" class="input_txt">
                            </nobr>                        </td>
                        </tr>
                        <tr height="25">
                        <td  width="13%" height="27"  align="right">出版社:</td>
                        <td width="20%"><nobr>
                            <input type="text" name="param.book_cbs" id="book_cbs" style="width:150px" class="input_txt">
                            </nobr>                        </td>
                        </tr>   
                        <tr>
                          <td height="27"  align="right">课程:</td>
                          <td >
                           <s:select  name="param.book_xl_courses_id" list="#request.coursexlList" cssStyle="width:150px" 
                                id="book_xl_courses_id" listKey="xl_courses_id" listValue="xl_courses_name" headerKey="" headerValue="请选择" />                                     
                            <span style="color:red">*</span>                         
                          </td>
                      </tr>   
                        <tr>                       
                        <td  width="15%" height="27"  align="right">费:</td>
                        <td ><nobr>
                            <input type="text" name="param.book_money" id="book_money" style="width:150px" class="input_txt">
                            <span style="color:red">*</span></nobr>                        </td>
                        </tr>
                                                                                                                                         
                        <tr>                       
                        <td  width="15%" height="27"  align="right">描述:</td>
                        <td ><nobr>
                            <input type="text" name="param.book_memo" id="book_memo" style="width:150px" class="input_txt">
                            </nobr>                        </td>
                        </tr>
                        <tr>                       
                        <td  width="15%" height="27"  align="right"> 是否停用:</td>
                        <td ><nobr>
                            <input type="checkbox" name="param.book_del" id="book_del" value="1" />
                           
                            </nobr></td>
                        </tr>
                   </table> 
                  </s:form>                            
                </div>
                <div region="south" border="false"
                    style="text-align: right; height: 30px; line-height: 30px;">
                    <span id="noshow">
                    <a class="easyui-linkbutton" iconCls="icon-ok"
                        href="javascript:void(0)" onClick="saveCategory();">确定</a>
                    <a class="easyui-linkbutton" iconCls="icon-cancel"
                        href="javascript:void(0)" onClick="closeEditWindow();">关闭</a></span>
                </div>
            </div>
        </div>     
    </body>



分享到:
评论

相关推荐

    基于JQueryEasyUI类库的WebForm控件库

    **基于JQueryEasyUI类库的WebForm控件库** JQueryEasyUI是一个基于jQuery的UI框架,它封装了一系列的JavaScript组件,使得开发者能够轻松创建出功能丰富的Web应用程序界面。这个WebForm控件库是专门为.NET平台设计...

    jqueryEasyUI

    - 考虑到性能,不要在不需要的地方过度使用组件,避免页面加载过慢。 - 尽量遵循 HTML5 标准,确保代码的可维护性和兼容性。 - 对于复杂的交互,可能需要结合 AJAX 或其他 JavaScript 库进行扩展。 总的来说,...

    jquery easyui 帮助文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了丰富的组件和功能。这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南,对于开发者来说是极具价值的资源。 jQuery ...

    jquery easyui 周历 周选择下拉控件

    在IT行业中,jQuery EasyUI是一个广泛使用的前端框架,它基于jQuery库,提供了丰富的UI组件,帮助开发者快速构建用户界面。本知识点将详细讲解基于jQuery EasyUI改造的周选择控件,以及如何实现指定周起始星期功能。...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

    jQuery easyui 全套文件

    EasyUI 是基于 jQuery 的一组 UI 组件,它为开发者提供了诸如表格(datagrid)、下拉菜单(combobox)、树形控件(tree)、对话框(dialog)等常见的网页元素。这些组件不仅具有丰富的样式,还内置了大量的功能,如...

    jQueryEasyUI 1.1完整源代码

    **jQueryEasyUI 1.1 完整源代码详解** jQueryEasyUI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,用于快速构建用户界面。这个1.1版本包含了完整的源代码,允许开发者深入理解其...

    jQuery EasyUI 1.4.3 API

    - **异步加载**:减少页面初始化时的负担,提高页面响应速度。 总之,jQuery EasyUI 1.4.3 API 为开发者提供了丰富的 UI 控件和便捷的编程接口,帮助构建美观且功能强大的 Web 应用程序。通过深入理解和灵活运用...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    jquery easyui 三级菜单导航

    这是一个基于 jQuery 的前端框架,它封装了许多实用的 UI 控件,如对话框、表格、下拉框、按钮、面板等,使得开发者无需关心底层的 CSS 和 JavaScript 实现,只需关注业务逻辑。它的核心理念是通过简单的 HTML 标签...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    12. **加载提示(Loading)**:在执行异步操作时显示加载动画,提示用户等待。 13. **对话框(Dialog)**:弹出式对话框,支持多种样式和配置,如确认对话框、消息对话框等。 API 中文版手册会详细介绍每个组件的...

    jquery easyUI JS库和API 附加日期控件库My97DatePickerBeta.zip

    - **集成到EasyUI**:将My97DatePicker与jQuery EasyUI结合使用,可以为EasyUI的输入框添加日期选择功能,提升用户体验。 4. **集成与应用** - **联合使用**:通过在EasyUI的文本框(TextField)中嵌入My97...

    jquery easyui下载教程

    1. **组件丰富**:jQuery EasyUI 提供了诸如对话框(dialog)、表格(datagrid)、树形控件(tree)、菜单(menu)等常见的Web UI元素,以及表单、按钮、布局、加载提示等组件,极大地简化了页面构建工作。...

    jQuery EasyUI V1.3.4 API中文版

    在学习jQuery EasyUI V1.3.4时,应重点关注新版本的改进和新增功能,了解它们如何提升开发效率和用户体验。同时,通过阅读API文档,深入理解每个组件的配置选项和方法,以及如何与其他jQuery插件和后端技术(如PHP、...

    jQuery EasyUI v1.3.5官方API中文版

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列易于使用的组件,如对话框、表单、表格、菜单等。v1.3.5 版本是该框架的一个稳定版本,它包含了丰富的功能和优化。这个官方...

    JQUERY EASYUI 异步树

    1. **HTML 结构**:首先,我们需要在 HTML 页面中设置一个 `&lt;div&gt;` 元素作为树的容器,并为其添加 `class="easyui-tree"`,这样 EasyUI 就会识别这个元素为树形控件。 2. **数据源**:EasyUI 异步树的数据通常是...

    Jquery easyui 1.2.5 官方原版API

    JQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的UI组件,使得开发者能够快速构建用户界面。1.2.5版本是该框架的一个稳定版本,包含了丰富的功能和优化。下面将详细介绍JQuery EasyUI 1.2.5中的核心...

    Jqueryeasyui文档

    jQuery EasyUI 将这些基本功能进一步封装,提供了诸如表格(datagrid)、对话框(dialog)、下拉框(combobox)等组件,使得页面布局和交互变得更加简单。 1. **表格(datagrid)**:datagrid 是一个强大的数据展示...

    jquery-easyui-1.3

    `easyloader.js`是EasyUI的加载器,它的作用是延迟加载组件,只在需要时加载相应的JS和CSS文件,从而优化了页面的初始化速度。这对于大型应用或者页面内容丰富的网站来说,可以显著提高用户体验。 `licence_gpl.txt...

    jquery-easyui-1.4.4

    `EasyUI` 将 jQuery 的功能进一步扩展,提供了诸如窗口(window)、表格(datagrid)、下拉菜单(combobox)、树形控件(tree)等常见的 UI 组件。 在 `jquery-easyui-1.4.4` 压缩包中,我们通常会看到以下主要部分...

Global site tag (gtag.js) - Google Analytics