`

jQuery EasyUI window - 自定义工具栏

阅读更多
默认情况下,窗口(window)有四个工具:collapsible、minimizable、maximizable 和 closable。比如我们定义以下窗口(window):

	<div id="win" class="easyui-window" title="My Window" style="padding:10px;width:200px;height:100px;">
		window content
	</div>

如需自定义工具,设置该工具为 true 或者 false。比如我们希望定义一个窗口(window),仅仅拥有一个可关闭的工具。您应该设置任何其他工具为 false。我们可以在标记中或者通过 jQuery 代码定义 tools 属性。现在我们使用 jQuery 代码来定义窗口(window):

	$('#win').window({
		collapsible:false,
		minimizable:false,
		maximizable:false
	});

如果我们希望添加自定义的工具到窗口(window),我们可以使用 tools 属性。作为实例演示,我们添加两个工具到窗口(window):

	$('#win').window({
		collapsible:false,
		minimizable:false,
		maximizable:false,
		tools:[{
			iconCls:'icon-add',
			handler:function(){
				alert('add');
			}
		},{
			iconCls:'icon-remove',
			handler:function(){
				alert('remove');
			}
		}]
	});
分享到:
评论

相关推荐

    jquery-easyui-1.3.3

    菜单和工具栏组件可帮助组织和展示功能选项,1.3.3版本中的菜单支持多级结构,工具栏则可灵活配置按钮和分隔符,方便定制应用的控制面板。 8. **主题支持** jQuery EasyUI 提供了多种预设主题,可以快速改变应用...

    jquery-easyui-1.3.2+中文文档

    9. **面板(Panel)**: 一个可自定义的容器,可以包含其他组件,支持标题、工具栏和折叠功能。 10. **工具提示(Tooltip)**: 为元素提供浮动的提示信息,增强了用户体验。 11. **加载提示(Loading)**: 显示加载...

    jquery-easyui资料和文档

    2. **面板(Panel)**:面板提供了一个容器,可以用来组织和展示内容,支持标题、工具栏、折叠、加载远程数据等功能,是页面布局的基础组件。 3. **表格(Grid)**:表格组件允许你展示大量数据,支持排序、筛选、...

    jquery-easyui完整demo演示

    EasyUI 提供了诸如窗口(Window)、表单(Form)、面板(Panel)、菜单(Menu)等丰富的组件,以及数据网格(DataGrid)、树形控件(Tree)和下拉选择框(ComboBox)等数据展示和交互的工具。 2. **组件介绍** - *...

    jquery-easyui-1.4.zip

    - `tools` 属性允许自定义工具栏,每个工具可以绑定图标和处理函数。 - `href` 可以用来从远程加载内容,`loadingMessage` 在加载过程中显示提示信息。 - 面板还有一系列的事件回调,如 `onLoad`, `onOpen`, `...

    jquery-easyui-1.3

    - **面板(Panel)**: 常用于页面布局,可以包含标题、工具栏、内容区等元素,支持折叠和展开。 - **表格(Table)**: 支持数据分页、排序、筛选,与后台数据源结合,实现动态加载数据。 - **表单(Form)**: ...

    jquery-easyui-1.3.4

    9. **面板(Panel)**:提供一个容器,可以包含其他组件或HTML内容,支持标题、工具栏和折叠功能。 除了这些基本组件,jQuery EasyUI 还包含其他功能,如拖放(Draggable)、可缩放(Resizable)、提示(Tooltip)...

    jquery-easyui-1.4.3资源文件

    - **导航组件**:如菜单(Menu)、工具栏(Toolbar)和分页(Pager),提供用户导航和操作界面。 - **其他组件**:如提示(Tip)、提示框(Messager)、滑块(Slider)等,增强用户体验。 3. **版本1.4.3特性** ...

    jquery-easyui-1.4.5 demo带索引及中文api

    7. **工具栏(Toolbar)**:可放置在表格或其他组件上方,提供快捷操作。 8. **树形视图(Tree)**:用于展现层次结构的数据,如组织架构、文件目录等。 9. **面板(Panel)**:一种容器组件,可以包含其他组件,...

    jquery easyui demo和源码

    6. **Menu**:下拉菜单和工具栏,用于组织操作项。 7. **Tabs**:选项卡,可以将多个页面组织在同一空间内。 8. **Layout**:布局管理,允许灵活地划分页面区域。 9. **Button**:按钮,可以触发特定的操作。 10. **...

    jquery-easyui-1.2学习参考

    7. **工具栏(Toolbar)**:常用于Grid上方,包含一系列操作按钮,如添加、删除、刷新等。 8. **树形控件(Tree)**:用于展现层次结构的数据,可以展开、折叠节点,也可与其他组件结合使用。 9. **滑块(Slider)**:...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    4. **导航组件**:如菜单(`menu`)、工具栏(`toolbar`)、导航条(`navbar`),帮助构建页面布局。 5. **对话组件**:如提示(`messager`)、对话框(`dialog`)、确认框(`confirm`),用于实现弹出式的交互。 ...

    jQuery EasyUI 1.5.1 中文API文档

    jQuery EasyUI 1.5.1版本更新内容:Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在窗体高度...

    jQuery easyui 全套文件

    总的来说,jQuery EasyUI 是一款强大的前端开发工具,通过它,开发者可以轻松实现复杂的界面设计和交互功能,提高开发效率。这个压缩包中的所有文件,包括 jQuery 库和 EasyUI 组件,都为开发者提供了一个完整的开发...

    jqueryeasyui

    3. **面板(Panel)**:用于组织和展示内容,可以嵌套其他组件,提供折叠、展开、标题、工具栏等特性。 4. **菜单(Menu)**:提供了下拉菜单和多级菜单,常用于网站导航或操作选项。 5. **按钮(Button)**:支持普通...

    jquery-easyui

    - **菜单与导航**: 创建多级菜单和工具栏,实现页面间的导航。 - **数据网格**: DataGrid 是 EasyUI 中的重要组件,它支持数据分页、排序、过滤和编辑,常用于展示大量结构化数据。 ### 3. 使用方法 - **引入库...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    7. **面板(Panel)**:封装内容的容器,可以带有标题、工具栏和折叠功能。 8. **树形控件(Tree)**:展示层级结构数据,支持展开、折叠、选择等操作。 9. **下拉列表(ComboBox)**:组合框组件,可以是简单的...

    jQuery_EasyUI中文帮助手册(带目录)

    - 控制面板(panel):用于创建布局的面板,可以包含标题、工具栏和内容区域。 - 选项卡(tabs):创建可切换内容面板的选项卡布局。 - 可伸缩面板(accordion):允许多个面板垂直堆叠,一次只展开一个面板。 - 布局...

    jquery easyui 详细说明文档

    它可以有标题、边框、工具栏和脚部区域。面板可以用于组织页面内容,提供良好的布局结构。 3. **a easyui-linkbutton `linkbutton` 链接类型的按钮**: `linkbutton` 将链接(`&lt;a&gt;` 标签)设计成按钮样式,提供了...

    李炎恢jQuery EasyUI讲义代码

    Panel组件是内容展示的核心,可以包含其他组件,提供标题、工具栏和状态栏等功能;而Tabs组件则用于组织多个Panel,形成多页显示,便于用户浏览和管理内容。 “第13章 Window(窗口)组件”介绍了弹出式窗口的创建和...

Global site tag (gtag.js) - Google Analytics