`
BestUpon
  • 浏览: 290159 次
  • 性别: Icon_minigender_1
  • 来自: 兰州
社区版块
存档分类
最新评论

dhtmlXTree 与后台交互数据

    博客分类:
  • J2EE
阅读更多

今天要写一个获得dhtmlXTree 节点值的,大量的Id节点值要传递到后台去做分析处理,网上搜索了好多东西,都无法满足我的需求,就自己琢磨了半天,弄出来了!

还是一句话,约定是很重要的,一个很好的取名,与规范的取名就能解决一个棘手问题;

我的根节点的id名称为:rootindexsystem;

二级节点为:indexSystem_1(1是个递增的数字)

三级节点为:indexItem_1(1是个递增的数字)

但是你直接要获得它的值是无法获取的!看看他生成的文件时<table ><tr><td>的形式

所以还得用javascript 来获得:

		<script type="text/javascript">
			var indexIds;
	        var path="";
        	function verify() {
        		if($j('input[@type=radio][@checked]').length == 0) {
        			alert("对不起!你还没有选择地区,无法进行分析!请选择地区!");
        			return false;
        		}
        		indexIds = tree.getAllChecked();
        		//var surveyAreaID = document.getElementsByName("surveyAreaID").value();
        		var surveyAreaID = $j('input[@type=radio][@checked]').val();
        		path ="/short/indexCurrentCompetition!staticIndex.action?surveyAreaID="+surveyAreaID+"&indexIds="+indexIds;
        		editNew(path);	
        	}
        </script>

 

使用一个按钮去触发verify()事件:

<img id="watersearch" style='cursor: pointer' src="/images/bottom_search.gif"
 width="52" height="18" border="0" onclick="verify()" />
 

 

到后台之后的数据就是这样一个字符串;

rootindexsystem,indexSystem_1,indexItem_1,indexItem_2,indexItem_3,indexItem_4,indexItem_5,indexItem_6,indexItem_8,indexItem_9,indexItem_10,indexSystem_2,indexItem_129,indexItem_130,indexSystem_3,indexItem_131,indexItem_132,indexItem_133,indexItem_134,indexItem_135,indexItem_136,indexItem_137,indexItem_138,indexItem_139,indexItem_140,indexItem_141,indexItem_142,indexItem_143,indexItem_144,indexItem_145,indexItem_146,indexItem_160,indexItem_200,indexItem_201,indexItem_225,indexItem_243,indexItem_244,indexItem_245,indexItem_246,indexItem_247,indexItem_248,indexItem_249,indexItem_250,indexItem_251,indexItem_252,indexItem_253,indexItem_254,indexItem_255,indexItem_256,indexItem_257,indexItem_258";

 对其进行解析代码如下:

	private Map<Integer, List<Integer>> initIndexIds(String indexIds){
		String [] indexSystems = indexIds.split("indexSystem_");
		int indexSystemIDs[] = new int[indexSystems.length-1];
		Map<Integer, List<Integer>>indexIdKeyItemIdArray=new HashMap<Integer, List<Integer>>();
		for(int i=1;i<indexSystems.length;i++) {//指标体系的id数组
			indexSystemIDs[i-1] = Integer.parseInt(indexSystems[i].split(",")[0]);
			String tempIndexItem = indexSystems[i].substring(2, indexSystems[i].length());
			String indexItemIds[] = tempIndexItem.split("indexItem_");
			List<Integer> itemIds = new ArrayList<Integer>();
			for (String s : indexItemIds) {
				if(s.indexOf(",")>-1) {
					s=s.substring(0, s.length()-1);
				}
				if(!s.equals("")) {
					itemIds.add(Integer.parseInt(s));
				}
			}
			indexIdKeyItemIdArray.put(indexSystemIDs[i-1], itemIds);
		}
		return indexIdKeyItemIdArray;
	}
 问题就这样的解决了!
1
1
分享到:
评论

相关推荐

    dhtmlxTree专业版

    这两个文件是dhtmlxTree与其他后台数据源交互的重要工具。dhtmlxDataProcessor是一个JavaScript类,用于处理与服务器端的数据交换,如CRUD操作(创建、读取、更新、删除)。而dhtmlxConnector是服务器端的组件,它...

    dhtmlxtree

    例如,结合Ajax技术,可以实现后台数据实时更新,使得树结构始终保持最新状态。 **五、注意事项** 1. 考虑到兼容性和性能,确保所使用的dhtmlxtree版本与浏览器版本相匹配。 2. 在处理大量数据时,优化服务器返回...

    dhtmlxTree.rar

    6. 数据绑定:能够与后台数据库或其他数据源进行交互,实现数据的实时更新。 在实际应用中,dhtmlxTree可以与dhtmlxSuite其他组件(如Grid、Chart、Scheduler等)结合,构建功能强大的富客户端应用。由于已经去除了...

    dhtmlxtree_servlet_src

    DHTMLX Tree是一个JavaScript库,它可以与后台的Servlet进行通信,动态加载和管理树状结构的数据。Servlet在这里起到了服务器端数据处理和传输的角色,它接收前端的请求,处理数据,然后返回给前端展示。这种结合...

    dhtmlxTree 2.1标准版(Std)+1.6专业版(Pro)

    - **数据绑定**: 可以与后台数据库或其他数据源绑定,实现数据的实时更新。 - **分页加载**: 对于大型数据集,可以实现分页加载,提升性能。 - **XML扩展**: 支持更复杂的数据结构,如自定义属性和子节点嵌套。 ...

    dhtmlx官网JS包与例子与后台处理

    4. **数据交互** - 与数据库或其他数据源进行交互,获取或更新数据。 5. **返回响应** - 将处理结果转换为JSON或XML格式,返回给前端。 **使用示例** dhtmlxSuite.zip可能包含了官方提供的示例代码,帮助开发者快速...

    drag-drop-folder-tree.zip_ajax_dhtmlxtree dr_drop_tree_tree ja

    AJAX允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,提升了用户体验。 DHTMLXTree是JavaScript库中的一个组件,它提供了丰富的树形控件功能,用于在网页上展示层次结构的数据。在这个...

    java树形菜单(主要用于菜单的制作)

    在Java环境中,通常使用Servlet或者Spring MVC等框架来处理与dhtmlxTree的交互。后端需要提供JSON或XML格式的数据,以供前端dhtmlxTree解析并显示为节点。例如,你可以创建一个RESTful API,返回树结构的JSON数据,...

    xloadTree.zip

    5. **JavaScript编程**:在使用dhtmlxTree时,开发者需要掌握基本的JavaScript知识,包括对象、数组、函数等,以及如何使用JavaScript API与dhtmlxTree组件进行交互。 6. **HTML和CSS**:虽然dhtmlxTree主要处理...

    tree用到js和dom4j-1.6.1.jar包

    4. **交互处理**:当用户在树形视图上进行操作(如点击、拖放等)时,`dhtmlxtree` 会触发相应的事件,开发人员可以通过绑定事件处理器来响应这些事件,进而更新视图或与服务器进行通信。 在提供的压缩包中,`dom4j...

    最新dhtmlx2.5所有控件的帮助文档(CHM版)

    文档会涵盖如何配置文件夹结构、监听文件夹事件以及与后台数据源同步的方法。 **dhtmlxTreeGrid** dhtmlxTreeGrid是dhtmlxGrid的扩展,结合了表格和树形结构的特点。它在每个树节点下显示表格数据,非常适合处理...

    .NET下用js做的树

    在.NET应用中,可以与后台的C#或VB.NET代码配合,通过AJAX技术获取和更新树的数据,实现异步加载,提高用户体验。 接着是"dhtmlxGrid.zip",这是一个强大的JavaScript表格组件,虽然主要关注表格数据展示,但也可以...

    javascript tree

    描述中提到的"xml格式比较容易在后台生成",这表明该组件支持XML作为数据源,XML因其结构清晰,易于解析和生成,常用于服务器端生成数据并与前端交互。 JavaScript Tree的特性通常包括但不限于: 1. **动态加载**...

    dhtmlx2.6 API(HTML DOC)和 详细例子

    通过利用dhtmlxAjax进行后台通信,dhtmlxGrid处理数据展示,dhtmlxTree和dhtmlxMenu提供导航,以及dhtmlxWindows构建动态窗口,开发者能够构建出高效且用户友好的网页应用。文档和示例是掌握这些组件使用的关键,...

    dhtmlxSuite js组件 ajax组件 dhtml组件

    Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在后台与服务器交换数据并更新部分网页内容,而无需重新加载整个页面。dhtmlxSuite的Ajax组件通过异步通信,实现与服务器的无缝交互,提高...

    最新dHtmlx_5.0开发包

    再者,dHtmlxTree是一款灵活的树形视图组件,可以展示层次结构的数据。它支持拖放操作,用户可以方便地进行数据组织和导航。此外,还提供了节点的展开/折叠、搜索和多选功能,增强了用户体验。 dHtmlxChart是用于...

    PUSHLET即时通讯工程实例

    **运行与交互** 部署完成后,启动Tomcat,浏览器访问`http://localhost:8080/pushlet_example/`(根据你的Tomcat配置可能有所不同),你应该能看到PUSHLET即时通讯应用的界面。用户可以注册登录,然后加入或创建聊天...

Global site tag (gtag.js) - Google Analytics