最近项目中,有一个需求是自定义antd的Tree组件的右键菜单功能. 直接上代码 class Demo extends Component { state = { rightClickNodeTreeItem: { pageX: "", pageY: "", id: "", categoryName: "" } } // tree列表上右键事件 onRightClick = e => { this.setState({

主程序mxml: <?xml version="1.0" encoding="utf-8"?> <!--功能描述:结合tree拓展右键功能 必须在index.template.html设置params.wmode = "opaque"以屏蔽flash右键;--> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s=&quo

Extjs4.2 Tree使用技巧小结demo 本案例使用了Ext.Tree.Panel的如下知识点: 1.刷新.重新加载Tree,定位到上次的节点位置 2.Tree的右键操作 3.Extjs4.x Tree获取当前选中的节点 4.新增.修改.删除Tree节点 5.修改tree节点的属性,例如text,iconCls,leaf等 6.treedata rest proxy 7.treeStore.sync的同步回调方法 8.Extjs4.x Tree获取父节点,获取子节点Chirldrens 9

前言 easyui是一种基于jQuery的用户界面插件集合,它为创建现代化,互动,JavaScript应用程序,提供必要的功能,完美支持HTML5网页的完整框架,节省网页开发的时间和规模.非常的简单易学. easyui中文网:http://www.jeasyui.net/ easyui官网:http://www.jeasyui.com/documentation/# 今天我们来学习tree 正文 一. 加载树 1.静态界面加载树 在html直接加载数据,直接写死的页面 <div class=&quo

本案例使用了Ext.Tree.Panel的如下知识点: 1.刷新.重新加载Tree,定位到上次的节点位置 2.Tree的右键操作 3.Extjs4.x Tree获取当前选中的节点 4.新增.修改.删除Tree节点 5.修改tree节点的属性,例如text,iconCls,leaf等 6.treedata rest proxy 7.treeStore.sync的同步回调方法 8.Extjs4.x Tree获取父节点,获取子节点Chirldrens 9.Extjs4.x TreePanel的展开,收

tree命令 官方下载地址:http://mama.indstate.edu/users/ice/tree/,右键复制如下图地址: 下载: 执行wget  http://mama.indstate.edu/users/ice/tree/src/tree-1.8.0.tgz 进入下载目录,找到下载的文件 安装: 1.解压:tar -xzvf tree-1.8.0.tgz 2.进入解压文件目录 3. 执行make install命令, 4.校验是否安装成功,输入man tree,显示如下则表示安装成

点我订阅 目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是FineUI 4.0.4,编辑页面回发,__doPostBack应用 ASP.NET-FineUI开发实践-2 1.Window控件显示2.显示隐藏控件4.直接通过行号修改指定列内容5.获取iframe ASP.NET-FineUI开发实践-3 1.参照模拟数据库分页通过缓存重写内存分页,优化页面响

1.tree的右键事件和单击事件 页面就不写了,准备一个树和一个菜单控件,随便写点啥 JS:注意注释 var menuSettings = F('menuSettings'); var tree = F(IDS.tree); //右键事件itemcontextmenuthis:view:record:属于选项的记录:item:选项元素:index:选项索引e:事件对象 tree.on('itemcontextmenu', function (view, record, item, index,

ASP.NET-FineUI开发 随笔分类 - FineUI   ASP.NET-FineUI开发实践-10 摘要: 嵌套Grid,光棍月大放送,不藏着掖着.实在写的不好,没脸藏啊~只考虑显示排序修改什么的都不管!扩展行是咋出来的,我着实没看懂,但是要实现效果也有方法,先想一下,1.嵌套的Grid数据应该是动态的,我只知道在后头绑,事件是前台触发的,那就是把ID传后台就行了.2.一个下拉生成一个Grid,后台生成到...阅读全文 posted @ 2014-11-03 14:58 走路要用腿 阅

ASP.NET-FineUI开发实践-7 摘要: 下拉显示grid列表.其实很简单,但是试了很多方法,水平有限,主要是都不好使,还是简单的好使了,分享下.先是看了看网上的,是直接写个了extjs控件类(我也不懂),然后直接用就行了,要写成FineUI的我还没那个水平,就放弃了.又看了看其他的例子,没多大用.原理就是点击下拉时把grid在指定位置显示...阅读全文 posted @ 2014-10-12 16:34 走路要用腿 阅读(17) | 评论 (1) 编辑   ASP.NET-FineUI

1. gitLab: 将工程git到alome版的exlipse中. 2. 打开右上角Aclome视图: 3. 打开Aclome资源管理器窗口: 4. 打开git窗口,在Working Tree上右键,然后Import Projects,选Import existint Exlipse projects,一路next. 5. 进行 一键发布 6. 修改webroot/WEB-INF/conf中的文件: a. saca/saca.license替换,使有效. b.  core/jdbc.prope

点我订阅 目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是FineUI 4.0.4,编辑页面回发,__doPostBack应用 ASP.NET-FineUI开发实践-2 1.Window控件显示2.显示隐藏控件4.直接通过行号修改指定列内容5.获取iframe ASP.NET-FineUI开发实践-3 1.参照模拟数据库分页通过缓存重写内存分页,优化页面响

接口测试基础-jemter 接口文档地址:http://doc.nnzhp.cn 使用jmeter实现简单的http request的接口测试 一.get获取学生信息接口 第一步:新建一个Thread Group(线程组) Jmeter所有任务都必须由线程处理,所有任务都必须在线程组下创建 第二步:新建一个HTTP Request 例子:发送一个get方法获取学生信息接口的http请求: 请求URL:http://api.nnzhp.cn/api/user/stu_info ?stu_name=

我们用 HTTP 协议做脚本,要注意的是,不同协议的函数是不一样的,假如换 websocket 协议,关联函数就要用其他的 参数化 原理 1.什么叫参数化 把脚本内一个写死的值,去一个数组内取值,进行替换 2.为什么要参数化 烂大街的回答:模拟真实场景,模拟真实情况 真实原因: 应用程序/数据库对数据有唯一性要求(应用程序内就是单点登录:数据库内就是该字段为 Unique ,唯一) 避免查询缓存对结果造成失真(重复查询同一条数据,如果该数据的表内开启了查询缓存,则会命中.那么响应时间会比市价值偏

1.tree grid 添加一行 var rootNode = store.getRootNode(); var newRecord = Ext.create('MatrixDlv',{"sdDlvrName":text}); rootNode.appendChild(newRecord); var rowEditor = treeGrid.getPlugin('rowplugin'); rowEditor.startEdit(newRecord,0); 2. tree 加上这个的话,

一.有关html/css, js, php, cgi 的一些认识 当我们浏览器訪问一个网站的静态文件.会把文件内容都下载下来(一般压缩).当然假设遇到外联的css/js,会再发起请求得 到.假设我们右键查看网页源码.一片混乱没法看,能够使用firefox + firebug,能够清晰看到html dom tree.右键inspect element 能够非常快定位到tree node.因为是下载到本地,所以能够自己尝试改动element 查看效果,这并不影响server上的原始 文件.最后浏览器

Ext4.1 tree grid的右键菜单功能其实挺简单的 只要添加一个itemcontextmenu事件,并在事件中显示出Menu就OK了. 代码: this.tree.on('itemcontextmenu', function ( view, record, item, index, e, eOpts) { e.preventDefault(); //屏蔽默认右键菜单 rightMenu.showAt(e.getXY()); }); var rightMenu = new Ext.menu

先看一下效果: 如图:在树上单击鼠标右键会弹出 弹出式菜单.做法其实很简单,先做一个树: final TreeViewer treeViewer = new TreeViewer(group, SWT.BORDER); tree = treeViewer.getTree(); tree.setBounds(, , , ); treeViewer.setContentProvider(new TreeContentProvider()); treeViewer.setLabelProvider(n

Easyui中的Tree组件使用频率颇高,经常遇到的需求如下: 1.在树形结构上,只有叶子节点才能被选中,其他节点不能被选中: 2.在叶子节点上右键出现浮动菜单实现新增.删除.修改操作: 3.在非叶子节点上右键出现浮动菜单实现新增.修改操作. ------------------------------------------------------------------------------------------------------------------ 实现方法如下: 1.搭建测

antd 的 Tree 控件没有提供点击展开的功能,只能通过左边的三角形实现展开和收起,没办法只好自己实现这个功能. 先看效果 如图实现的是类似 Mac 文件目录形式的结构,有箭头代表是个文件夹,点击展开文件夹,点击外层文件夹可以收起整个文件夹. 首先根据服务器返回的 Json 数据生成树形结构 const data = { name: "root", children: [{ name: "a", value: "/a", children: