`
yaya_wiscom
  • 浏览: 49918 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

创建带有checkbox的树

Ext 
阅读更多

项目中偶尔会使用Ext的一些组件,都是一些简单的应用,每次写不免有些浪费时间,自己封装组件有没那水准,索性把代码记下来,下次出现相同应用场景的时候可以直接拿过来用。

// ==== 使用Ext的展现方式 ===
	Ext.BLANK_IMAGE_URL = "/epstar/web/swms/client/resources/images/default/s.gif";
	if(win){
		win.show();
	}else{
		Ext.QuickTips.init();
		win = new Ext.Window({
			title: '添加课程到已有课组',
			width: 340,
			height: 380, 
			frame: true,
			layout: 'fit',
			modal:true,
			closeAction: 'hide',
			buttonAlign: 'center',
			items : new Ext.tree.TreePanel({
					id : 'courseTree',
					frame : false,
					rootVisible : false,
					autoScroll:true,
					root : new Ext.tree.AsyncTreeNode({
						id : 'root',
						text : 'root',
						expanded : true
					}),
					listeners : {
						'click' : function(node) {
							if (node.isLeaf()) {
								
							} else {
								node.toggle();
							}
						}
					},
					loader : new Ext.tree.TreeLoader({
						dataUrl : '/epstar/app/template.jsp?mainobj=EAMS/KKJHGL/V_PYGL_KKJHKZXZ&tfile=KKJH_KZXZWH/KKJH_KZXZWH_LOGIC',
						listeners : {
							'beforeload' : function(loader, node) {
								Ext.apply(loader.baseParams, {
									rootId : node.id,
									flag : 3,
									sXNXQDM : sXNXQDM
								});
							}
						}
					})
				}),
				buttons : [{
					text : '确定',
					handler : function() {
						var selNodes = Ext.getCmp("courseTree").getChecked();
						if(selNodes.length == 0){
							alert("提示:请选择需要补充课程的课组!");
							return;
						}
						if(selNodes.length > 1){
							alert("提示:请选择单个课组!");
							return;
						}
						var kzbh = "";
						Ext.each(selNodes, function(node){
							kzbh = node.id;
						});
						//异步调用
						Ext.Ajax.request({
							url: '/epstar/app/template.jsp?mainobj=EAMS/KKJHGL/V_PYGL_KKJHKZXZ&tfile=KKJH_KZXZWH/KKJH_KZXZWH_LOGIC',
							success: function(response){
								var rev = Ext.util.JSON.decode(response.responseText);
								if(rev.type){
									alert("添加成功!");
									win.close();
									Page_Reload();
								}else{
									alert("操作失败!" + rev.msg);
								}
							},
							failure: function(){
								alert("与后台交互失败!");
							},
							params: {jhidList: jhidList, kzbh:kzbh, xnxqdm:sXNXQDM, flag: "2"}
						});
					}
				},{
					text:'关闭',
					handler : function(){
						win.hide();
					}
				}],
				resizable : true
		});
		win.show();
	}
	// ==== the end ====

 展示效果:

 

经验需要积累:

1、实现某个功能的手段有很多,一条路走不通的时候可以换其他的路。例如今天对开课单位和学生院的判断,如果开课单位不是学生院或学生院隶属系则无法对其进行开放和关闭操作,在前台可以使用indexOf进行判断,但是存储过程中无法使用indexOf。那么也不一定非要自己实现一个indexOf,完全可以用下面的方式处理:

SELECT COUNT(1) INTO v_count FROM v_dm_dw_kkyx yx WHERE (yx.lsdwdm = in_xsyx OR yx.dwdm = in_xsyx) AND yx.dwdm = V_KKDW;
          IF v_count = 0 THEN 
             V_SFKF := '0';
          END IF;
 2、现场项目经理说了一句华尔街三原则:其一,不要花自己的钱办事。其二,永远不说出真相。其三,不要按规则办事。对于其一主要是要求我们在工作中要有协同工作的思想,不要什么事情都是自己一条龙服务。合理的需找资源也是分担风险也是很有必要的。其二,在客户现场工作的时候要向客户报喜不报忧,让客户对我们的项目充满信心,对于一些问题尽量将影响面缩小。其三,客户出现一些紧急问题时,不一定非要按照常规出牌,怎么处理方便快捷怎么来。哪怕是直接在数据库中给他处理了。
分享到:
评论

相关推荐

    带checkbox的树

    在IT领域,"带checkbox的树"是一种常见的用户界面元素,尤其在数据管理和配置系统中广泛应用。这种元素结合了树形结构和复选框的功能,允许用户以层级方式选择或勾选一组相关项。在本场景中,描述提到是个人自制的...

    jquery带有CheckBox的树

    本文将详细讲解如何利用jQuery创建一个带有CheckBox的树形结构,这在许多项目中,如网站导航、数据管理或权限设置等场景都非常实用。 首先,我们需要了解jQuery生成树的基本原理。jQuery树形插件通常是通过遍历数据...

    带有checkbox的权限树

    总的来说,"带有checkbox的权限树"是一种实用的权限管理工具,通过结合jQuery和`jquery-treeview`插件,开发者可以高效地创建出功能完善的权限分配界面。理解并掌握这一技术对于提升用户体验和简化权限管理流程具有...

    dtree树形菜单(有带checkbox实现)

    本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 ...菜单既有普通的树结构展示,也有方便做权限等功能的带选择框的展示(含带默认选中checkbox的处理)

    js树,带checkBox

    JavaScript中的树形结构是一种常见的数据表示方式,常用于构建层级关系的数据展示,如文件系统、组织结构图等。...理解这些基础概念后,你就能更好地实现一个功能完善的带有复选框的JavaScript树形组件。

    Android 树形结构的多选CheckBox

    在这个项目中,开发者创建了一个自定义的组件,它允许用户在树形结构中逐级展开节点,并对每个节点的CheckBox进行选择。关键点可能包括以下几个方面: 1. **数据模型**:项目中可能定义了一个`TreeNode`类,用来...

    带有checkbox选择框的treeview源代码

    要创建带有复选框的`TreeView`,我们需要利用`HierarchicalDataTemplate`,这是一种特殊的`DataTemplate`,专门用于显示具有层次结构的数据。`CheckBox`将被嵌入到每个`TreeViewItem`中,以便用户可以对每个节点进行...

    wicket组织树带checkbox可逐层加载数据示例

    本示例“wicket组织树带checkbox可逐层加载数据”聚焦于如何利用Wicket实现一个具备层级结构、带有复选框(checkbox)的树形视图,并支持按需动态加载数据。 首先,我们要理解“组织树”。在Web应用中,组织树通常...

    WPF 带CheckBox的TreeView

    在本文中,我们将深入探讨如何在Windows Presentation Foundation (WPF) 中实现一个带有CheckBox的TreeView控件,并讨论其联动机制。WPF是.NET Framework的一部分,它提供了一套强大的UI工具来构建美观且功能丰富的...

    带 checkbox 的 dtree 权限树

    "带checkbox的dtree权限树"是一种常见的实现方式,它结合了数据树(dtree)与复选框(checkbox)功能,用于展示层级关系的权限结构。这种权限树常用于角色分配、用户权限设置以及权限级别的可视化管理。 1. **dtree...

    FlexViewer 树形结构带checkbox事件处理

    在本场景中,我们讨论的是如何在FlexViewer中实现一个带有复选框的树形结构,并处理其事件,特别是当用户勾选这些复选框时如何加载地图上的点标注。 树形结构在GIS应用中通常用于组织地图图层、服务或者数据集,让...

    带checkBox的treeView

    在IT领域,`带checkBox的treeView`是一种常见的用户界面元素,它结合了树状数据结构和复选框的功能,通常用于展现具有层级关系的数据,并允许用户进行选择操作。这样的设计使得用户能够方便地对各个层次的数据进行...

    树形菜单带checkbox

    "树形菜单带checkbox"则是在这种菜单的基础上添加了复选框(checkbox)功能,允许用户进行多选操作,如全选、反选、选择特定节点等,极大地提升了用户的交互体验。 在Web开发中,实现树形菜单带checkbox通常涉及到...

    flex advancedDataGrid 中如何实现带checkbox的树

    在一些应用场景中,我们可能需要在AdvancedDataGrid中实现带有复选框的树形结构,以便用户可以多选节点进行操作。本文将详细讲解如何在Flex AdvancedDataGrid中实现带复选框的树。 1. **使用HierarchicalData对象**...

    JTree(节点带有checkbox)代码实例

    2. 创建树模型:`DefaultTreeModel`使用树节点作为其根节点,定义了树的数据结构。 3. 创建`JTree`实例:将树模型传递给`JTree`构造函数。 4. 添加复选框:`JTree`默认不显示复选框,我们需要设置`CellRenderer`来...

    JTree(节点带有checkbox)代码实例2

    首先,我们需要创建一个自定义的`TreeCellRenderer`来渲染带有复选框的树节点。`DefaultTreeCellRenderer`是Swing默认的渲染器,我们可以继承它并覆盖`getTreeCellRendererComponent`方法,在其中添加复选框组件。...

    js 写的带checkbox 的tree ,和大家分享。

    这篇分享的主题是“js写的带checkbox的tree”,它将JavaScript与树形结构和复选框相结合,为用户提供了一种可选择和操作的数据展示方式。 首先,我们需要理解树形结构(Tree)。在计算机科学中,树是一种非线性的...

    dtree组件 带checkbox

    在这个特定的案例中,我们关注的是带有Checkbox功能的dtree,这使得用户可以对树形结构中的节点进行选择和操作,从而满足多选、全选等需求。 1. **dtree组件基础** dTree是一种轻量级的JavaScript组件,它可以动态...

    树形datawindow,有3态的checkbox

    在这个特定的例子中,我们讨论的是一个带有三态复选框(tristate checkbox)的树形DataWindow。在传统的二态复选框中,用户只能选择“已选”或“未选”两种状态,而三态复选框则增加了“未定义”或“灰色”状态,...

Global site tag (gtag.js) - Google Analytics