通过设置DIV的css的display属性
显示：$("#dlg" ).css("display", "block");
隐藏：$("#dlg" ).css("display", "none");
实现代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ceshi</title>
<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/icon.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
function dhide(){
$.messager.alert("提示", $("#dlg" ).css("display"));
$("#dlg" ).css("display", "none");
}
function ddisplay(){
if($("#dlg" ).css("display")=="none"){
$("#dlg" ).css("display", "block");
}else{
$.messager.alert("错误", "已经显示了，不要再点了！",'error');
}
}
</script>
</head>
<body>
<div id="dlg" style="width:500px;height:250px;padding:10px 30px;background-color:yellow;">
这是显示的内容!!!!!!!!!!!!!
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="dhide()">隐藏</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="ddisplay()">显示</a>
</div>
</body>
</html>
分享到：
相关推荐
在 TestProject 中，我们可以创建一个基于 EasyUI Layout 的示例项目，通过设置不同的区域和属性，实现自定义的页面布局。例如，可以创建一个包含侧边栏和主要内容区的布局，侧边栏可以折叠，中心区域展示主要内容...
在网页开发中，导航栏是不可或缺的部分，它帮助用户快速浏览和访问网站的不同部分。...3. 使用事件监听来管理菜单的显示与隐藏，实现联动效果。 通过这种方式，我们可以轻松实现一个功能完善的导航栏，提升用户体验。
总之，解决ASP.NET中EasyUI的TABS标签显示问题，需要熟悉EasyUI的API和jQuery操作，同时理解ASP.NET的页面生命周期和文件结构。通过合理布局和编写JavaScript代码，我们可以实现灵活的选项卡切换效果，提升用户体验...
6. **API 控制**：EasyUI 提供了一系列 JavaScript API，允许开发者在运行时动态添加、删除、隐藏或显示布局区域，以及调整它们的大小。 7. **事件处理**：EasyUI 还提供了布局相关的事件，如 `onResize`，可以在...
- 根据当前步骤动态调整界面内容，使用 `show()` 和 `hide()` 方法控制相关 div 显示和隐藏。 4. **AJAX 交互**： - 使用 AJAX 进行前后端数据交互，例如在用户填写完某一步的信息后，向服务器发送请求获取或更新...
你可以通过创建一个 `<div>` 元素并设置 `class="easyui-menu"` 创建菜单，然后在其中添加 `<div>` 子元素作为菜单项，每个子元素可以通过设置 `data-icon` 添加图标，`data-handler` 指定点击后的回调函数。...
可以创建一个隐藏的div，然后将格式化后的表格数据插入其中。 5. **模拟打印**：使用浏览器的`window.print()`方法触发打印对话框。在调用此方法之前，可以先调整新HTML的样式，使其适应打印需求。 6. **用户交互*...
1. **隐藏输入框**：用于存储当前页码(`pageNo`)和每页显示的数据条数(`pageSize`)。 ```html ${status.value}" /> ${status.value}" /> ``` 2. **分页容器**：用于显示分页控件。 ```html <div id="page" ...
在本文中，我们将深入探讨 EasyUI 中的一些关键属性和用法，特别是与 `div easyui-window` 和 `div easyui-panel` 相关的部分。 首先，`div easyui-window` 用于创建一个窗口式的对话框，具有模态和阴影效果。以下...
- `show()`方法用于显示隐藏的元素，可以传入一个可选参数来控制显示的速度（例如"fast"或"slow"）。 - `remove()`方法则用于从DOM中完全移除元素及其绑定的所有事件处理器、数据和样式。 ### 4. CSS样式控制：`....
本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容，并实现对其内容的打印功能。 首先，我们要理解EasyUI的Dialog组件。Dialog是一个模态窗口，通常用于显示一些需要用户交互或确认的信息。在EasyUI中...
虽然EasyUI自身并不提供这类功能，但开发者可以通过JavaScript或者后端框架（如Spring Security）来实现，根据用户角色动态显示或隐藏菜单项和操作按钮。 8. **响应式设计**： 考虑到不同的设备和屏幕尺寸，后台...
这个脚本很可能是对EasyUI原生tabs组件的扩展，包含了添加遮罩并在加载新tab页时自动显示和隐藏遮罩的逻辑。 实现这个功能的步骤可能包括： 1. **监听事件**：首先，我们需要监听tabs组件的特定事件，如...
在Web开发领域，jQuery EasyUI和jQuery是两个极为重要的工具。jQuery EasyUI基于jQuery库，提供了一套完整的用户界面组件，使得开发者可以快速构建功能丰富的、具有现代感的Web应用程序。本文将深入探讨jQuery ...
控制菜单的显示和隐藏可以通过`show`和`hide`方法实现，也可以绑定到右键事件。 按钮是用户界面的重要组成部分。在EasyUI中，可以创建链接按钮、菜单按钮和分割按钮： 1. 链接按钮：`<a href="#" class="easyui-...
在给定的标题和描述中，我们关注的是如何使用jQuery EasyUI实现手风琴（折叠面板）的效果。手风琴组件是一种常见的UI设计元素，它可以将多个面板堆叠在一起，每次只展示一个面板的内容，其余的则折叠隐藏。这种布局...
以上就是如何使用jQuery EasyUI实现TabPanel的右键菜单功能的详细过程。通过这个功能，用户可以更方便地管理和操作标签页，提高Web应用的用户体验。同时，这也展示了EasyUI的灵活性和可扩展性，开发者可以根据实际...
在这个例子中，Accordion通过添加`class="easyui-accordion"`并设置相关的样式属性来实现，不需要额外的JavaScript代码。 #### DateBox（日期框） **DateBox** 组件提供了一个方便的日期选择器，通常用于输入或...