【16. Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单） 示例】的更多相关文章

16. Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单） 示例

转自:https://crabdave.iteye.com/blog/327978 Ext.ux.TabCloseMenu插件的使用(TabPanel右键关闭菜单) 示例 效果: 创建调用的HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title></title> <li…

ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页

ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1.883\src\ux\ Ext.require('Ext.ux.IFrame'); Ext.define('Web.TabPanel', { extend: 'Ext.tab.Panel', AddNewTab: function (title, url) { var tab = Ext.getC…

使用jQuery开发tab选项卡插件（可以右键关闭多个标签）

在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签.关闭左侧标签.关闭右侧标签.关闭其他.关闭全部. 一.插件效果 二.实现思路 为window对象添加右键菜单事件监听: 当事件源对象为tab标签时,取消默认的右键菜单,显示菜单div即设置display: block,并为每一个菜单项添加事件监听: 当事件源对象不为tab标签时,关闭菜单div即设置display: none 为window对象添加单击事件监听:关闭菜单div即设…

[转载]ExtJs4 笔记（12） Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 本篇讲解三个工具栏控件.其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单,Ext.toolbar.Paging专门用来控制数据集的分页展示,Ext.ux.statusbar.StatusBar用来展示当前的状态信息. 一.Ext.toolbar.Toolbar…

一款不错的多选下拉列表利器—— Ext.ux.form.SuperBoxSelect

在B/S系统中,下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表, 特别是数据项比较多的时候,用户筛选起来就会很容易. 如果考虑多选的场景,我想以下的实现方式很多时候是能够满足要求的: 带复选框(checkbox)的下拉列表,应该是比较直观和方便了,也很符合用户的习惯. 但是如果数据项太多的时候.滚动条会很长,有两个不足: 1.用户查询自己想要的目标很困难: 2.用户如果需要选择的项很多(>10项),…

ExtJs4 笔记（12） Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

本篇讲解三个工具栏控件.其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单,Ext.toolbar.Paging专门用来控制数据集的分页展示,Ext.ux.statusbar.StatusBar用来展示当前的状态信息. 一.Ext.toolbar.Toolbar 工具栏控件可以被附加在面板.窗口等容器类控件中,可以在四个方位添加多个工具栏控件.我们演示多个Ext.toolbar.Toolbar控件,然后附加到面板的不同位置. 1.在工具栏上添加菜单.按钮.搜索功能 我…

Ext.ux.form.SuperBoxSelect

Ext.ux.form.SuperBoxSelect 在B/S系统中,下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表, 特别是数据项比较多的时候,用户筛选起来就会很容易. 如果考虑多选的场景,我想以下的实现方式很多时候是能够满足要求的: 带复选框(checkbox)的下拉列表,应该是比较直观和方便了,也很符合用户的习惯. 但是如果数据项太多的时候.滚动条会很长,有两个不足: 1.用户查询自己想要的目…

【全网首创】修改 Ext.ux.UploadDialog.Dialog 源码支持多选添加文件，批量上传文件

公司老框架的一个页面需要用到文件上传,本以为修改一个配置参数即可解决,百度一番发现都在说这个第三方插件不支持文件多选功能,还有各种各样缺点,暂且不讨论这些吧.先完成领导安排下来的任务. 任务一:支持多选添加文件 任务二:支持批量添加文件 我们先来说第二个任务吧,第二个任务相比较容易些,经过半天研究源码,发现他每次都将文件,添加到队列中“queue”然后不停的拿队列中的数据 添加队列源码(大约在源码的第35行左右) this.postEvent = function(event, data) {…

ExtJs文件上传(Ext.ux.form.FileUploadField)

Ext.ux.form.FileUploadField = Ext.extend(Ext.form.TextField, { /**  * @cfg {String} buttonText The button text to display on the upload button (defaults to  * 'Browse...'). Note that if you supply a value for {@link #buttonCfg}, the buttonCfg.text  *…

Ext.ux.grid.feature.Searching 解析查询参数，动态产生linq lambda表达式

上篇文章中http://www.cnblogs.com/qidian10/p/3209439.html我们介绍了如何使用Grid的查询组建,而且将查询的参数传递到了后台. 那么我们后台如何介绍参数,并且转换为EntityFramework的条件呢? 首先我们获取Ext.ux.grid.feature.Searching的参数,上篇文章中我们很容易发现,查询传递到后台的是fields和query参数,其中fields是参加查询的列数组,query是关键字. 首先我们定义个类,接收参数 namesp…