-
等级
本版专家分：232结帖率 100% -
extjs4下拉列树如何实现？展开阅读全文
-
等级
本版专家分：104606勋章
-
- 探花 2012年 总版技术专家分年内排行榜第一
-
-
铜牌
2012年8月 总版技术专家分月排行榜第三
2012年7月 总版技术专家分月排行榜第三
-
-
红花
2014年8月 高性能开发大版内专家分月排行榜第一
2013年11月 高性能开发大版内专家分月排行榜第一
2012年12月 Java大版内专家分月排行榜第一
2012年11月 Java大版内专家分月排行榜第一
2012年10月 Java大版内专家分月排行榜第一
2012年9月 Java大版内专家分月排行榜第一
2012年8月 Java大版内专家分月排行榜第一
2012年7月 Java大版内专家分月排行榜第一
2012年6月 Java大版内专家分月排行榜第一
2012年5月 Java大版内专家分月排行榜第一
2012年4月 Java大版内专家分月排行榜第一
2012年3月 Java大版内专家分月排行榜第一
2012年2月 Java大版内专家分月排行榜第一
2012年1月 Java大版内专家分月排行榜第一
-
-
同学啊，善待Google啊，这种问题完全浪费分数啊：
http://blog.csdn.net/jelly_bitores/article/details/7623135
-
等级
本版专家分：272
-
等级
本版专家分：232
-
百度出来的，倒腾了一天，ie9，firefox不兼容。崩溃啊。
-
等级
本版专家分：232
-
树我是没有问题了，就是下拉树不行了。
-
等级
本版专家分：232
-
/**comboboxtree.js*/
Ext.define("Ext.ux.comboboxtree", {
extend : "Ext.form.field.Picker",
requires : ["Ext.tree.Panel"],
initComponent : function() {
var self = this;
Ext.apply(self, {
fieldLabel : self.fieldLabel,
labelWidth : self.labelWidth
});
self.callParent();
},
createPicker : function() {
var self = this;
var store = Ext.create('Ext.data.TreeStore', {
proxy : {
type : 'ajax',
url : self.storeUrl
},
sorters : [{
property : 'leaf',
direction : 'ASC'
}, {
property : 'text',
direction : 'ASC'
}],
root : {
id : self.rootId,
text : self.rootText
},
nodeParameter : self.treeNodeParameter
});
self.picker = new Ext.tree.Panel({
height : 300,
autoScroll : true,
floating : true,
focusOnToFront : false,
shadow : true,
ownerCt : this.ownerCt,
useArrows : true,
store : store,
animate:true,
rootVisible : false
});
self.picker.on({
checkchange : function(node, checked,obj) {
var records = self.picker.getView().getChecked(), names = [], values = [];
/**此注释部分为多选
Ext.Array.each(records, function(rec) {
names.push(rec.get('text'));
values.push(rec.get('id'));
});
self.setRawValue(values.join(';'));// 隐藏值
self.setValue(names.join(';'));// 显示值
*/
/**此处为单选*/
var checkedNodes =self.picker.getView().getChecked();
//alert(node.get("id"));
if(node.get("checked")){
self.setRawValue(node.get("id"));// 隐藏值
self.setValue(node.get("text"));// 显示值
}
for(var i=0;i<checkedNodes.length;i++){
var n = checkedNodes[i];
if(node.get("id") != n.get("id")){
n.set("checked" , false);
}
}
/**此处为单选*/
}
});
return self.picker;
},
alignPicker : function() {
var me = this, picker, isAbove, aboveSfx = '-above';
if (this.isExpanded) {
picker = me.getPicker();
if (me.matchFieldWidth) {
picker.setWidth(me.bodyEl.getWidth());
}
if (picker.isFloating()) {
picker.alignTo(me.inputEl, "", me.pickerOffset);
isAbove = picker.el.getY() < me.inputEl.getY();
me.bodyEl[isAbove ? 'addCls' : 'removeCls'](me.openCls
+ aboveSfx);
picker.el[isAbove ? 'addCls' : 'removeCls'](picker.baseCls
+ aboveSfx);
}
}
}
});
···································
今天捣鼓了一个，有两个问题存在，1是不能自动加载，需要刷新下才能render到界面，2是明明设置了 self.setRawValue(node.get("id"));// 隐藏值
self.setValue(node.get("text"));// 显示值
，在界面上使用取值时，getValue()和getRawValue()却都只拿到‘text’，而拿不到‘id’的值
-
等级
本版专家分：34676勋章
-
-
黄花
2012年11月 Java大版内专家分月排行榜第二
2012年9月 Java大版内专家分月排行榜第二
2012年8月 Java大版内专家分月排行榜第二
2012年7月 Java大版内专家分月排行榜第二
-
-
蓝花
2012年10月 Java大版内专家分月排行榜第三
2012年6月 Java大版内专家分月排行榜第三
-
-
下拉树？还是下拉列表？
这里也有例子哦。
http://dev.sencha.com/deploy/ext-4.0.7-gpl/docs/index.html#!/example/form/combos.html
一点点弄。这东西是体力活。
-
等级
本版专家分：355
-
下拉树功能实现的代码比较多,
包括前台JS展现和后台树数据组装成json等;
参见开源项目jbob,该项目前台也用extjs:
http://code.google.com/p/jbob/downloads/detail?name=jbob-build-v1.1.rar
该项目里的\webapps\jbob\views\auth\resource\edit.js里的
parentResourceTree就是一个下拉树实现;
-
等级
本版专家分：232
-
谢谢大家了，我的那两个问题搞定了，第一个问题解决方法：Ext.onReady(function() {
Ext.Loader.setConfig({enabled:true}); });第二个问题解决方法，我把self.picker.on({
checkchange : function(node, checked,obj) {}});这个方法摘带界面上去，参加了两个参数，方便取得id值。总算是解决了。
-
等级
本版专家分：0 -
能否说的清楚点，不是很明白您的意思，如果方便的话贴一点成功实现的代码look look
- ExtJs6中利用TreePicker实现下拉树
最近做的项目中有用到Extjs6，自己特意也做了程序用来...但是如何实现在下拉时展示树形结构呢？今天就来介绍Extjs中的treePicker插件，该插件扩展了combobox，使下拉时展示出来的是个树形结构。先来看看效果图： ...
- extjs4-多选下拉树
1、comboTree.js Ext.define("Ext.ux.comboboxtree", { extend: "Ext.form.field.Picker", requires: ["Ext.tree.Panel"], alias: 'widget.checkcombo', ... xtype: 'comboboxtree', ...
- extjs怎么实现下拉框树形结构
extjs怎么实现下拉框树形结构，数据是通过后台传送过来的，并不是写死的
- Extjs树结构样式修改问题？
在项目结束后，需要修改Extjs4.2版本的树样式，改成了Bootstrap风格。Extjs中tree风格。 需要修改后的风格：![图片说明]...
- ExtJS4单选下拉树组件
*下拉树类(Jelly) */ Ext.define('Redm.commons.TreeCombox', { extend: 'Ext.form.field.Picker', xtype: 'treecombox', triggerCls: Ext.baseCSSPrefix + 'form-arrow-trigger', config: {
- Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
- ExtJS4下拉树组件
*下拉树类(Jelly) */ Ext.define('Redm.commons.TreeCombox', { extend: 'Ext.form.field.Picker', xtype: 'treecombox', triggerCls: Ext.baseCSSPrefix + 'form-arrow-trigger', config: {
- EXTJS4 grid列的超链接，grid的列点击事件
这是我的第一篇EXTJS的博客，记录一下被EXTJS惨虐的过程。这是一个extjs4的 grid，其中姓名和密码列加了超链接了，先说一下如何加超链接。这里给grid的列加超链接主要是用了renderer。代码如下：{header:"密码&...
- ExtJs4.2 treepicker下拉树效果
ExtJs4.2 treepicker下拉树效果
- Extjs如何锁定Grid的列？
Extjs如何锁定Grid的列
- ExtJS4下拉列表框宽度自适应
/** * 获取下拉列表框定义 */ getBoxTextEditor: function (box_text_store) { //定义了下拉列表框 var editor = new Ext.form.ComboBox({ editable: false, ...
- ExtJs ComBox下拉树
ExtJs ComBox下拉树 从网上例子改造而成 定义: Ext.define('TeaComboTreeBox', { extend: 'Ext.form.field.ComboBox', multiSelect: false, //控制单选,多选 fieldLabel: '教师', labelWidth: 35, ...
- 扩展EXTJS ComboBox为下拉选择树
扩展EXTJS ComboBox为下拉选择树标签: extjs combobox 扩展在做OECP平台的登陆页面时，需要选择相应的公司进行登陆，公司的选择是树形结构的，而extjs的下拉combobox为列表结构，为了让页面操作更加简单，决定将下拉...
- Extjs4下拉多选框提交所有值问题源码步骤
看了一些网上的关于Extjs多选下拉，但是都是老版本的，4.0以上版本的找不到合适的用 求给一个4.0的可用的 多选下拉的 案例
- extjs4 grid合并列和合并行
使用之前先理解下table是如何合并行和列的 有些基本的html知识就很容易理解下面的代码了（extjs4.2） /** * grid合并列 * @调用示例 grid.store.on('load',function(){mergeCells(grid,[0,1,2])}); * @param {}...
- EXTjS4下拉树 支持单选多选级联选择 comboxtree
本下拉树支持带复选框和不带复选框的JSON数据的,带复选框的下拉树也实现了单选功能,只需配置一下即可! 效果图. 不带checked的json数据格式只支持单选 带jchecked的json数据的单选 带...
- ExtJs4.2下拉树（修改版）
ExtJs4.2没有直接提供下拉树这个组件，但是有例子可以用，文件位置：ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧：默认显示了根节点；达到最小高度时再展开节点，高度不能自动调整。 所以我做了一...
- extjs6 treepicker 下拉树
model定义： Ext.define('permissionModel', { extend: 'Ext.data.TreeModel', idProperty:'Id', fields: [ { name: 'ControllerName', mapping: function (data) { ...
- Extjs 4 带checkbox框的下拉多选选框
Extjs 4 带checkbox框的下拉多选选框,多选框的默认值显示
- extjs实现图片旋转，急急急
实现图片的左右90度旋转，求大神赐教，最好有事例代码，邮箱593218127@qq.com
- Extjs 4.2 扩展下拉框 急急急
拓展Extjs4.2 ComboBox 自定义配置项 ， 并根据这个配置项的值在数据库中读取数据 新人才学 求大神指定 急急急急急急
- extjs4 和数据库，实现增删改查？？？
extjs页面写了个页面，怎么和数据库连接实现增删改查功能？刚接触extjs，请大神。。。。
- ExtJs6.0如何修改树节点名称？
在6.0之前我们直接用setText()方法就可以直接修改选中树节点的名称了，6.0没这个方法了，应该怎么修改？
- Extjs中如何实现树形结构，我下面配图了。
 在线等大神。。。。
- Extjs4动态锁定列没效果
4之前可以用 this.grid.getColumnModel().setLocked(index, locked);锁定列 4的column没有setLocked方法 只有locked属性 设置属性肯定没效果的 该怎么写才能锁定列呢
- extjs4 treepanel、 树、节点的操作
这是个tree panel的实例，是基于extjs的mvc模式，先得对mvc模式有一定的了解 效果图 store存储层下加载tree数据的类 Ext.define('yang.store.frameAAA.module.FrameAAAWestTreeStore', { extend : 'Ext.data....
- extjs树形下拉框
Ext.ux.TreeCombo的方式 Ext.ux.TreeCombo = Ext.extend(Ext.form.ComboBox, { constructor: function (cfg) { cfg = cfg || {}; Ext.ux.TreeCombo.superclass.constructor.call(this, Ext.ap
- Extjs5实现带复选框的多选下拉选，复选框用extjs提供的checkbox样式
因为网上现有的代码只是实现了复选框效果，在我把窗口关闭后，再打开，复选框还保留着上次的选中状态，因为有这个bug，所以自己把网上的代码给改进了下，加入了未选中事件和用extjs的样式，先上效果图 看着不错吧，...