Ext.tree.Panel checkbox级联选择或者取消选择

  ext4,ext5 Ext.data.TreeStore如何显示复选框checkbox,勾选复选框checkbox时如何级联选中子节点的复选框。

1个回答

ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能。

ext4,ext5 tree添加右键菜单

  ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能源代码如下,测试版本为:ext-4.1.1a,ext-5.1.0,基本兼容ext4+和ext5+,ext3-自己看api来修改丢应的js代码。

-收缩HTML代码  运行代码  [如果运行无效果,请自行将源代码保存为html文件运行]

ext4,ext5的tree对象如何添加自定义右键菜单示例 var store var selectedRow; var id = 999; var menu = Ext.create('Ext.menu.Menu', { floating: true, items: [{ text: '新建', handler: function () { var text = prompt('请输入节点内容'); if (text) { selectedRow.set('leaf', false);//Ext4对叶子节点执行添加操作时,一定要先设置此节点leaf为false,要不无法添加 var node = store.getNodeById(selectedRow.get('id')); node.appendChild({ text: text, leaf: true, id: id/*Ext4不会自动生成id,所以需要手动设置一个id,不过一般动态添加时时将数据回传服务器保存后返回唯一id*/ }); node.expand(true);//展开本节点 id++; } } }, { text: '修改', handler: function () { var text = prompt('请输入节点内容', selectedRow.get('text')); if (text) { selectedRow.set('text', text); } } }, { text: '删除', handler: function () { if (confirm('确认删除?!')) { var node = store.getNodeById(selectedRow.get('id')); if (node) node.remove(); } } }], renderTo: document.body }); document.oncontextmenu = function () { return false }//阻止浏览器默认右键菜单 Ext.onReady(function () { store = Ext.create('Ext.data.TreeStore', { root: { expanded: true }, proxy: { type: 'ajax', url: 'data.json' } }); Ext.create('Ext.tree.Panel', { listeners: { itemcontextmenu: function (me, record, item, index, e, eOpts) { selectedRow = record; var xy = Ext.get(item).getXY(); menu.showAt(xy[0] + 100, xy[1]); } }, store: store, renderTo: document.body }); })
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
checkbox级联选择
  今天需要级联选择子元素,我JavaScript很烂,也没系统的学过,以前总觉得JavaScript没什么意思不愿学,但现在做web开发又离不了,ajax又用的这么多,才感觉自己当初太挑食了。网上查了一下,写了个函数实现如下: function selectSon(sel){  for(var i=0;i<document.all("nodeid").length;i++){     ...
checkbox选中与取消选择
checkbox选中与取消选择 1.html <form> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 &
js实现checkbox级联选择
使用javascript实现checkbox级联选择
UltraWebTree checkbox的级联选择问题。
只要点中父节点 子节点全选中`````点中一个子节点 父节点也选中``` rn高手们给出代码。rn function NodeChecked(treeName, id, bChecked) rn //alert("good");rn alert(bChecked);rn //alert(treeName);rn //alert(id);rn var node = igtree_getNodeById(id);rn alert(node.getText());rn //var node = tree.getSelectedNode();rn rn rn var subNodes=node.getChildNodes();rn var x;rn for(x in subNodes)rn rn subNodes[x].setChecked(bChecked); rn rn可是实现父结点选中子结点也选中.rnrn function NodeChecked(treeName, id, bChecked) rn //alert("good");rn alert(bChecked);rn //alert(treeName);rn //alert(id);rn var node = igtree_getNodeById(id);rn alert(node.getText());rn //var node = tree.getSelectedNode();rn rn rn var tempnode=node.getParent();rn if (tempnode!=null && bChecked)rn rn rn tempnode.setChecked(bChecked);rn rn rnrnrn实现了选中子结点,父节点也选中。rn当时两个函数放在一起就死循环了。原因就在于 tempnode.setChecked(bChecked);这句触发了NodeChecked事件。所以就出现死循环 了。该怎们做?
C#树形菜单的CheckBox级联选择
实现树形结构的CheckBox的子节点选中所有父级节点,级联选择功能,内有具体案例
treeview(vs2005中),如何实现checkbox级联选择,与级联取消选择
当取消或选中节点选中状态时,子节点也做相应的取消或选中变化;当其中一个子节点取消选择时,父节点取消选择。
选择和取消选择
如果你是设计小白,看了很多视频教程,依然学不会PS,那么这次你终于找对了!rnPhotoshop CC从入门到精通视频培训课程由浅入深,操作过程详细剖析,一步步模仿,马上就会做。rn~涉及图层、通道、蒙版、图像优化、滤镜等PS核心功能的课程编排,通俗易懂不头疼 ~内容主要包括基本操作、工具、遮罩、选择、图层、图像优化与修复、动画、视频处理、三维等.rn课程特点:rn1、语言简洁、精练、瞄准问题的核心所在,减少对思维的干扰,并节省您宝贵的时间; 2、完美贴心的操作提示,让您的眼睛始终处于操作的焦点位置,不用再满屏找光标; 3、每个视频都很短小精悍,即方便于您的学习和记忆,也方便日后对功能的检索。
checkbox 用shift键 级联选择
checkbox 用shift键 级联选择 只需在checkbox 按钮上一个事件
带checkbox 的treeView 控件级联选择
八百里加急,就差这一点了.
flex tree中嵌入checkBox级联选择
.Tree; import mx.controls.treeClasses.TreeItemRenderer; import mx.controls.treeClasses.TreeListData; import mx.events.TreeEvent; /** * 支持CheckBox的TreeItemRenderer * @author Montage * @modify chenzhimin */ public class Tr
Jquery实现checkbox全选、反选、取消选择、判断是否选择
记录点滴,从小做起!   今天,工作中写到关于复选框的操作处理,记录下来。 下面是网上的例子:   页面代码: <a href="javascript:;" id="all">全部选择</a><br> <a href="javascript:;" id="delAll">取消选择</a
checkbox的选择
角色关联的权限信息 ${m.name } 根据name属性   获取所有的CheckBox值 obj = document.getElementsByName("cengmenu"); chk_value = []; for (k in obj) { if (obj[k].checked) chk_value.push(obj[k].value); }
jquery checkbox 全部选择或全部取消
[javascript] view plain copy print?   //全部选择,jquery版本 1.8  $(document).on('click','#checkAll',function() {      var flag = $("#checkAll").is(':checked');      $("input[name='chk_item']:chec
js 控制CheckBox 单选后取消选择
问题:我用javascript 控制CheckBox 单选。rn此功能已经实现:rn现在我还想实现 在点击刚才已经选中的那条记录时,想取消选择???怎么实现??
ListView控件中checkBox 取消选择问题
rn ListView 设置为 rn ListView1.View = View.Detailsrn ListView1.AllowColumnReorder = Falsern ListView1.FullRowSelect = Truern ListView1.GridLines = Truernrn 这样设置后,第一列为 CheckBox 形式rn rn 假如 我点击 listView1上的 CheckBox 就会选择模式rnrn 我怎么用代码来取消其选择模式????
选择checkbox,选择ID值???
我怎样通过选择checkbox框,把这一行的ID值取出来,rn该怎么取啊rnrequest.getparameter("checkbox");rn怎么关联吧数据库中的数据ID值取出来。
级联下拉框的动态选择?
我之前是通过这样的表单创建了一个商品条目,后来我想更新此商品条目,不过我得先读出数据库把内容显示在表单中,这时遇到了一个棘手的问题,那就是更具之前插入数据库的数据动态选择相应的级联下拉框。第一级很好实现,已经可以了。关键是第二级怎么实现?我菜鸟一个,如果各位大侠觉得此方案有不妥之处,请提出你们具体解决方案,感激不禁啊~~~[code=HTML]rn<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>rn<% response.codepage=936 %>rnrnrnrn 更新rnrnrnrn rnrn 商品更新 rn rnrn rn rn rn <%rn id = request.QueryString("id")rn set rs2=server.createobject("adodb.recordset")rn rs2.open "select * from products where id="& id,conn,1,1 rn %>rn rn rnrn rn rn 名称:rn rn rn " />rn rn rn rn 类别:rn rn rn rn --请选择类别-- rn selected="selected"<%end if%>>新品首发 rn selected="selected"<%end if%>>生肖系列 rn selected="selected"<%end if%>>熊猫系列 rn selected="selected"<%end if%>>国博系列 rn selected="selected"<%end if%>>金条系列 rn selected="selected"<%end if%>>历代展卖 rn selected="selected"<%end if%>>流通纪念币rn selected="selected"<%end if%>>黄花梨木 rn rn rn --请选择子类别--rn rn rn rn rn rn rn rn rn rn rn rn rn rn <%rn rs2.closern set rs2=nothingrn conn.closern set conn=nothingrn %>rn rn rnrnrnrn[/code]
复选框的级联选择
在做用户授权页面时,遇到了复选框的级联选择问题。参考已经有的关于级联选择的代码,但发现都或多或少有问题或者不满足自己的需求,因此自己写了一个。没有完全用jQuery,毕竟不是专攻前端,用起来并不是很顺手。 级联要求: 1、选中某一个节点,该节点的所有子节点均置为选中,该节点的所有父节点均置为选中; 2、取消选中某一个节点,该节点的所有子节点均取消选中;该节点的父节点根据当前节点的选中情况确定
一步选择或者取消所有的复选框
有些时候为了方便,需要check all选择所有复选框,或者取消所有的复选框,但是如果选项太多的话,又不想点击鼠标一个个实现,这样子我们就可以应用到下面的代码来实现以上的功能。 $(document).ready(function(){ $('#checkall').click(function(){ $("input[type='checkbox']").attr('che
C# treeview 级联选择
遍历所有直接子节点,并调整其Check状态为父节点的状态
省市区级联选择
angularstrap 省市区级联选择
easyui级联选择
通过服务器后台传来的json数据,进行前台组织或人员的选择
TreeView 选择级联
js结构树的向下级联,直接调用方法即可用
Cascader 级联选择(详解)
&amp;amp;amp;amp;amp;amp;amp;lt;Cascader :data=&amp;amp;amp;amp;amp;amp;quot;dataObject&amp;amp;amp;amp;amp;amp;quot; v-model=&amp;amp;amp;amp;amp;amp;quot;valueArray&amp;amp;amp;amp;amp;amp;quot; :load-data=&amp;amp;amp;amp;amp;amp;quot;loadData&amp;amp;a
Extjs tree 的级联选择
/** * 树级联选择节点 */ function changeAllNode( node,isCheck){ allChild(node,isCheck); allParent(node,isCheck); function allChild (nodec,isCheckc){ var chileNodes = nodec...
实验之Select级联选择
<p>rn <p>rn 20周年限定一卡通!<span style="color:#337FE5;">可学Java全部课程</span>,仅售799元(原价10374元),<span style="color:#E53333;">还送漫威正版授权机械键盘+CSDN 20周年限量版T恤+智能编程助手!</span>rn </p>rn <p>rn 点此链接购买:rn </p>rn <table>rn <tbody>rn <tr>rn <td>rn <span style="color:#337FE5;"><a href="https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy" target="_blank">https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy</a><br />rn</span>rn </td>rn </tr>rn </tbody>rn </table>rn</p>rn<p>rn <br />rn</p>rn<p>rn 本阶段Java视频教程涵盖JavaWEB 企业级开发所需的Servlet、JSP、MVC 设计模式、EL 表达式、JavaBean、国际化、Cookie和HttpSession、JavaMail等核心技术。并通过书城案例,巩固知识,提供开发能力。rn</p>
ActiveAdmin扩展:级联选择
ActiveAdmin扩展:级联选择
js 级联选择(转)
&amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;ww.html&amp;lt;/title&amp;gt; &amp;lt;meta http-equiv=&quot;keywords&quot; content=&quot
js 级联选择地区
from 表单选择详细选择地区,高效,取值方便,是个很不错的js。
javaScript城市级联选择
NULL 博文链接:https://nassir.iteye.com/blog/1407666
jQuery实现级联地区选择
jQuery+div实现级联省份-城市查询,该实例包含jsp+js+css,所有代码为本人亲自编写,如有疑问请联系本人
级联选择框的问题!
----------aab.aspx--------------rnrn rnrn--------------------aab.cs---------------------------------rnrnprivate void Page_Load(object sender, System.EventArgs e)rnrn string sortid = this.Request.QueryString["sortid"];rn if(sortid + "a" != "a")rn rn this.xmlBind(sortid);rn rn if(!this.IsPostBack)rn rn this.DownBind1();rn this.DownBind2();rn rnrnrnprivate DataTable Get_Dt(string sql)rnrn net.BasalClass.Conn.Conn obj = new net.BasalClass.Conn.Conn();rn obj.open();rn SqlDataAdapter myAdp = new SqlDataAdapter(sql,obj.myconn);rn DataTable myDt = new DataTable();rn tryrn rn myAdp.Fill(myDt);rn return(myDt);rn rn catch(SqlException ex)rn rn throw ex;rn rn finallyrn rn obj.myconn.Close();rn rnrnrnprivate void xmlBind(string sortid)rnrn string mystr = "";rn string sql = "select nclass,nclassid,anclassid from nclass where anclassid = " + sortid ;rn DataTable mytab = this.Get_Dt(sql);rn if(mytab.Rows.Count != 0)rn rn for(int i=0;i
ExtJS4.2 tree 级联选择
将文件拷贝到extjs根目录下。运行即可。实现了选中之类。父类联动选中
ext 级联选择的树形控件
ext 级联选择的树形控件,有实例用法,不明白的请发邮件到cencai06@163.com
ExtJS 树形结构的级联选择
[code=&quot;js&quot;] tree.on('checkchange', function(node, checked) { selParent(node, checked); selChild(node, checked); }, tree); //这个方法是选择父节点,自动选中所有的子节点 function selParent(n...
多选框级联选择
**记个笔记,方便自己以后copy** ## body代码 ```html //操作按钮 &amp;lt;a onclick=&quot;check1()&quot;&amp;gt; &amp;lt;/a&amp;gt; //表头 &amp;lt;input type=&quot;checkbox&quot; id=&quot;awesome&quot; name=&quot;ck&quot; onclick=&quot;selectAll()&quot;/&amp;gt; //循环显示数据 uuid是自定
实验:Select 级联选择
JavaScript DOM 编程是编写 Ajax 程序的必备技术,也是 Java 程序员必须掌握且熟练运用的技术之一。本视频教程涵盖 JavaScript DOM 编程的全部核心技术。
级联选择的怪问题
目前在测试一个别人给做的项目,其中级联界面上的级联选择是用 ajax写的。rn我在两个PC机上安装测试都没问题,不过把程序考到笔记本上时,及联选择就不对rn选择了第一个后第二个选择就没有选项,脚本提示"Rows.length"为空或不是对象。rn如果是脚本写的有问题那应该在PC机上也有问题,为什么在PC机上没问题,在笔记本上就有这样的问题,是脚本有问题还是机器设置有问题?郁闷呀
element-ui 级联选择Cascader选择省市区
// 设置prop属性 props:{ label: 'areaName', value: 'areaId', //children: 'children', }, // 获取省市 getProvence() { post(url, {parentId: 0}).then((res) =&amp;gt; { this.addressObject.list...
学院以及专业选择框的级联选择
在学院信息和专业信息的获取这有两种可行方案,一种是分开获取,先获取学院,再根据学院获取专业;另一种是直接获取到整个学院跟专业的映射,然后根据这个来在前端进行展示,无需二次请求。这两种方法各有利弊,但是在这里,第一种方法是不可行的,因为我们是要在一个列表里面选择专业,如果在分开获取的话,会出现很多网络请求来获取专业信息;还有就是,如果一下子修改两行数据的话,两行的学院不一样,那么专业获取的内容将会出...
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件