1 配置文件中 新添数组成分:’DEFAULT_APPS’=> array(‘api’, ‘admin’,
‘home’, ‘megagame’),

extjs tree怎么着为种种节点定制各自的右键菜单?
自家的web应用中有五个extjs做的树形菜单。小编如何为各个树节点定制各自的右键菜单呢?如图那样。作者在第一层树显示部门名称时只体现(新扩充部门,编辑部门,删除部门,新扩大组别),第二层显示组外堪当时右键菜单只显示(新扩充组别,编辑组别,删除组别,新添岗位)那些多少个右键菜单,在第三层展现职责时只展现(新扩大岗位,编辑义务,删除任务)这多少个右键菜单。那样应有如何做啊?
自家的代码如下:
[code=”java”]
var selected;
var loader=new Ext.tree.TreeLoader({
dataUrl:'<?php echo $this->baseUrl();?>/department/tree’,
uiProviders:{‘col’: Ext.tree.ColumnNodeUI}
});
var tree = new Ext.tree.ColumnTree({
rootVisible:false,autoScroll:true,bodyStyle:’padding-left:5px;’,
title:
‘部門管理(提醒:在列表上边點擊右鍵能够操作部門,組別和職務資料)’,renderTo:
‘tree’,
columns:[{
header:’名稱’,
width:330,

在合法的API上是那样讲述end()方法的:“回到方今的贰个”破坏性”操作在此以前。即,将相称的因素列表变为前一遍的图景。”;
看看好疑似找到最终一遍操作的要素的上一成分,在如下的例证中:
html代码:

2 新扩张样式变量 在view.class.php中新扩张一行
 ‘__MEGAGAME__’=>__MEGAGAME__,// 大赛主旨页面地址

dataIndex:’name’
},{
header:’編號’,
width:100,
dataIndex:’number’
},{
header:’负责人’,
width:300,
dataIndex:’header’
}],
loader:loader,
root: new Ext.tree.AsyncTreeNode({
id: ‘-100′,icon:'<?php echo
$this->baseUrl();?>/html/images/house.png’,
text: ‘部門管理’
})
});

复制代码 代码如下:


tree.on("contextmenu", function{ e.preventDefault(); node.select(); selected=new Ext.tree.TreeNode({ id:node.id}); contextmenu.showAt);},this); var contextmenu = new Ext.menu.Menu({ id: 'theContextMenu', items: [ {xtype:"button",text:"新增部門",iconCls:"add",pressed:true,handler:addNewDepartment}, {xtype:"button",text:"編輯部門",iconCls:"edit",pressed:true,handler:editDepartment}, {xtype:"button",text:"刪除部門",iconCls:"delete",pressed:true,handler:deleteDepartment}, {xtype:"button",text:"新增組別",iconCls:"add",pressed:true,handler:addGroup}, {xtype:"button",text:"編輯組別",iconCls:"edit",pressed:true,handler:editGroup}, {xtype:"button",text:"刪除組別",iconCls:"delete",pressed:true,handler:deleteGroup}, {xtype:"button",text:"新增職務",iconCls:"add",pressed:true,handler:addDuty}, {xtype:"button",text:"編輯職務",iconCls:"edit",pressed:true,handler:editDuty}, {xtype:"button",text:"刪除職務",iconCls:"delete",pressed:true,handler:deleteDuty} ]});

<div>测试内容1</div>
<div>测试内容2</div>

[/code]

jQuery代码:

复制代码 代码如下:

$(‘<p>新扩充内容</p>’).appendTo(‘div’).addClass(‘c1’).end().addClass(‘c2’);

收获的结果是:

复制代码 代码如下:

<div>测试内容1 <p class=”c1
c2″>新添内容</p></div>
<div>测试内容2 <p
class=”c1″>新扩展内容</p></div>

这里作者就有点不太精晓了,怎么只有第三个<p>标签有三个样式,end()方法后回到的是什么样,在火狐里增多了监督,获得如下结果:
1.$(‘<p>新扩大内容</p>’).appendTo(‘div’)再次回到的是:[p,p]指标数组,即新扩张后的七个p标签;
2.$(‘<p>新扩展内容</p>’).appendTo(‘div’).addClass(‘c1’)重临的是:[p.c1,p.c1]目的数组,即增添了c1类样式后的p对象数组;
3.$(‘<p>新扩展内容</p>’).appendTo(‘div’).addClass(‘c1’).end()重临的是[p.c1],是第1个<div>中的<p>,在2操作中,最后“破坏”的是第2个<div>中的
<p>,所以他的前二回操作的指标是第1个<div>中的<p>,重返的正是它;
4.$(‘<p>新添内容</p>’).appendTo(‘div’).addClass(‘c1’).end().addClass(‘c2’)重返的如故是第1个<div>中的<p>;
这两天算是有一点点清楚了,关键是要搞精通最终贰回操作的成分的上一元素是如何。

你可能感兴趣的小说:

  • jQuery中end()方法用法实例
  • jQuery的end()方法运用详解

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注