Ext 树 异步获取JSON数据

最新推荐文章于 2018-01-17 18:26:37 发布
最新推荐文章于 2018-01-17 18:26:37 发布
阅读量1.7k 收藏
点赞数
分类专栏： EXTJS Tree
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenkeqin_2012/article/details/21028023
版权
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
    import="com.coship.dhm.portalMS.site.entity.Site"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="org.apache.struts2.ServletActionContext"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="page" uri="/WEB-INF/tlds/paginated.tld"%>
<%@ taglib prefix="priveliege" uri="/WEB-INF/tlds/priveliege.tld" %>
<%@ include file="../common/language.jsp"  %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Panel</title>
<link href="../style/base<%=language_css%>.css" rel="stylesheet" type="text/css" />
<%@ include file="../common/commonJS.jsp" %>
<script type="text/javascript" src="../js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/ext/ext-all.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/dialogShow.js"></script>
<script type="text/javascript" src="../jsCBB/jquery.js" ></script>
<script type="text/javascript" src="../js/loading.js"></script>
<link rel="stylesheet" type="text/css"
    href="../js/ext/resources/css/ext-all.css"></link>
<%
            Site site = (Site) request.getAttribute("site");
            Long siteid = site.getSiteID();
            String siteAlias = site.getAlias();
%>
<style>
body {
    background-color: #e9f0f9;
    font-size: 12px
}
</style>

<style>
#pageOverlay { position:fixed; top:0; left:0; z-index:1987;
width:100%; height:100%;
 background:#000; filter:alpha(opacity=50); opacity:0.50; }
</style>
<script type="text/javascript">

var tree;
var root;
var siteid = '<%=siteid%>';
var siteID;

var siteAlias = '<%=siteAlias%>';
var siteALIAS;

//防重复提交按键功能
var timerID;
function activethis(){
     timerID=setTimeout('document.getElementById("syncTreeNode").disabled=false',10000);
     $("#syncTreeNode").submit();
}

function  changeTerminalType(parm){
    var url = "initTree.action?site.siteID="+parm.trim();
    var categoryType = window.parent.categoryType;
    parent.mFrame.window.location ='showResourceCategoryList.action?category.categoryType='+categoryType+'&categorySite='+parm;
    window.location = url;
    }

function removeNodes(){
    var queryString='';
    var flag = false;
    var rootindex='';
    var rootid='';

    // 所有选中的子菜单的id
    var checkedNodesIds = "";// 选中的节点id
    var checkedNodes = tree.getChecked();
    var nodes = new Array();
    for (var i = checkedNodes.length - 1 ;i >= 0 ; i--) {
        var node = checkedNodes[i];
        
        if(node.parentNode.id=='root_id'){  
            parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.root.not.delete"/>',400,200);
            return;
        }
        
        nodes.push(node);
        queryString += "&categoryids=" + node.id;
            if(parent.mFrame.document.getElementById("clickNode").value==node.id)//如果主页面显示的节点为要删除的节点
        {
        
            flag = true;
        }
    }
    var url='delResourceCategorys.action?ts=' + new Date().getTime()+'&'+queryString;
    //此处执行异步
    Ext.Ajax.request({
           type:"POST",
           url: url,
           callback : function(options,    success, response) {
                 if(response.responseText=='true')
                 {
                    var checkedNodes = tree.getChecked();
                    for (var a = checkedNodes.length - 1 ;a >= 0 ; a--) {
                        var node = checkedNodes[a];
                        var p = node.parentNode;
                           p.removeChild(node);
                    }
                     if(flag==true)
                     {
                         var s=root.firstChild;
                          //调用查询的方法
                        parent.mFrame.window.location.href=
                            'showResourceCategoryList.action?category.categoryId='+s.id;
                    }
                       document.getElementById("showSuccessDialog").value="1";
                       //传入参数true，定位到父亲的父亲显示成功信息
                    showSuccessWindowByParent( '<s:text name="msg.portalMS.success.message.deletecategory" />', '',2 );
                 }
                 else //alert('删除失败！请确保被删除的栏目下没有对应的资源、资讯或商品！');
                 {
                    
                     parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>',response.responseText,400,200);
                     
                 }
          }
        });
    }


function syncNodes(){
    var queryString='';
    var flag = false;
    var rootindex='';
    var rootid='';

    // 所有选中的子菜单的id
    var checkedNodesIds = "";// 选中的节点id
    var checkedNodes = tree.getChecked();
    var nodes = new Array();
    for (var i = checkedNodes.length - 1 ;i >= 0 ; i--) {
        var node = checkedNodes[i];
        
        if(node.parentNode.id=='root_id'){  
            parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.root.not.delete"/>',400,200);
            return;
        }
        
        nodes.push(node);
        queryString += "&categoryids=" + node.id;
            if(parent.mFrame.document.getElementById("clickNode").value==node.id)//如果主页面显示的节点为要删除的节点
        {
        
            flag = true;
        }
    }
    var url='syncResourceCategorys.action?ts=' + new Date().getTime()+'&'+queryString;
    //此处执行异步
    Ext.Ajax.request({
           type:"POST",
           url: url,
           callback : function(options,success, response) {
                 if(response.responseText=='true')
                 {
                     if(flag==true)
                     {
                         var s=root.firstChild;
                          //调用查询的方法
                        parent.mFrame.window.location.href=
                            'showResourceCategoryList.action?category.categoryId='+s.id;
                    }
                       document.getElementById("showSuccessDialog").value="1";
                       //传入参数true，定位到父亲的父亲显示成功信息
                    showSuccessWindowByParent( '<s:text name="msg.portalMS.success.message.deletecategory" />', '',2 );
                 }
                 else //alert('删除失败！请确保被删除的栏目下没有对应的资源、资讯或商品！');
                 {
                    
                     parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>',response.responseText,400,200);
                     
                 }
          }
        });
    }


function removeLocalAll()
{    var sitestext=$('#sitesid option:selected').text();//选中的文本
    var delsiteid=document.getElementById("sitesid").value;
    parent.parent.showConfirmAndCancel('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.delete.all.column"/>'+sitestext+'<s:text name="msg.portalMS.category.column"/>',"removeLocalAllAjax");
}

function removeLocalAllAjax(){
    var sitestext=$('#sitesid option:selected').text();//选中的文本
    var delsiteid=document.getElementById("sitesid").value;
    var url='delLocalAllCategory.action?ts=' + new Date().getTime()+'&delsiteid='+delsiteid ;  
    //此处执行异步
    Ext.Ajax.request({
           url: url,
            callback : function(options,success, response) {
                 if(response.responseText=='true')
                 {  root.reload();// 重新加载根节点.
                    root.expand();
                       document.getElementById("showSuccessDialog").value="1";
                       //传入参数true，定位到父亲的父亲显示成功信息
                    showSuccessWindowByParent( '<s:text name="msg.portalMS.success.message.deletecategory" />', '',2 );
                 }
                 else if(response.responseText=='nocategory')
                 {    
                     parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.city.no.column"/>'+sitestext+'<s:text name="msg.portalMS.category.column"/>',400,200);
                 }
                 
                 
                 else //alert('删除失败！请确保被删除的栏目下没有对应的资源、资讯或商品！');
                 {
                    
                     parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>',response.responseText,400,200);
                     
                 }
          }
        });
}


 

function removenode()
{
    var checkedNodes = tree.getChecked();

    if(checkedNodes.length == 0)
    {
        parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.delete.selected"/>',400,200,0,true);
        return;
    }if(checkedNodes.length > 100)
    {
        parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.selected.too.much"/>',400,200,0,true);
        return;
    }
    else
    parent.parent.showConfirmAndCancel_b('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.deleted.confirm" />','');
}


function syncTreeNode()
{
    var checkedNodes = tree.getChecked();

    if(checkedNodes.length == 0)
    {
        parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.sync.selected"/>',400,200,0,true);
        return;
    }if(checkedNodes.length > 100)
    {
        parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.selected.too.much"/>',400,200,0,true);
        return;
    }
    else
    parent.parent.showConfirmAndCancelSyncCategory('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.synccategory.confirm" />','');
}


var heightWindows;

Ext.override(Ext.tree.TreeNode, {
    deepExpand : function(anim, callback, scope){   
        // 先展开本节点   
        this.expand(false, anim, function(){   
            // 然后展开子节点   
            var cs = this.childNodes,    
                expanded = 0,   
                len = cs.length,   
                taskDone = function(){   
                    // 每展开成功一个子节点，计数+1   
                    expanded++;   
                    // 如果所有子节点都展开，调用最终回调   
                    if(expanded >= len){   
                        this.runCallback(callback, scope || this, [this]);   
                    }   
                };

              if(len<=0){   
                  taskDone.call(this);// <--- 这里？ 应该修改为 taskDone.call(this);   
                  return;   
              }   
                                   
            // 递归展开   
            for(var i = 0, len = cs.length; i < len; i++) {   
                cs[i].deepExpand(anim, taskDone, this);   
            }   
        }, this);   
    }   
});

//用来注册在Ext框架及页面的html代码加载完后，所要执行的函数
/**
 *  用Ext.override重写控件属性

 一些通用的控件属性,可以用Ext.override重写并放在公共文件中,这样所有引用此公共文件的页面的控件,将自动继承这些属性.

 例如:需要让所有Grid的行号在翻页后连续递增并且其宽度自动设为30,则可在公共文件中将Ext.grid.RowNumberer重写如下:

 Ext.override(Ext.grid.RowNumberer, {
     width: 30,
     renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
         return store.lastOptions.params.start + rowIndex + 1;
     }
 });
 */
Ext.onReady(
       
        function() {

            Ext.override(Ext.tree.TreeNode, {
                deepExpand : function(anim, callback, scope){   
                    // 先展开本节点   
                    this.expand(false, anim, function(){   
                        // 然后展开子节点   
                        var cs = this.childNodes,    
                            expanded = 0,   
                            len = cs.length,   

                            
                            taskDone = function(){   
                                // 每展开成功一个子节点，计数+1   
                                expanded++;   
                                // 如果所有子节点都展开，调用最终回调   
                                if(expanded >= len){   
                                    this.runCallback(callback, scope || this, [this]);   
                                }   
                            };

                          if(len<=0){   
                              taskDone.call(this);// <--- 这里？ 应该修改为 taskDone.call(this);   
                              return;   
                          }                      
                        // 递归展开   
                        for(var i = 0, len = cs.length; i < len; i++) {   
                            cs[i].deepExpand(anim, taskDone, this);   
                        }   
                    }, this);   
                }   
            });

            var heightWindows= document.documentElement.clientHeight -60;
            var width= document.documentElement.clientWidth -5;
              var siteID_;
              var arr =Ext.query("*[name=site.siteID]");// 通过class name来获取节点的数组
              siteID = arr[0].value;
              if(siteID!=''){
                    siteID_ = siteID;
                  }else{
                    siteID_ = siteid;
               }
              document.getElementById("sitesid").value=siteID_;
            var isClone = document.getElementById("isClone")
            
            Ext.BLANK_IMAGE_URL = "../js/ext/resources/images/default/s.gif";
            Ext.QuickTips.init();
            
            var Tree = Ext.tree;
 
            tree = new Tree.TreePanel({
                el:'tree_div',
                title:'右键进行克隆操作',
                autoScroll : true,
                border : false,
                animate : true,
                enableDD : false,
                height:heightWindows,
               
                bodyStyle:'background-color:#e9f0f9',
                containerScroll : true,
                loader: new Tree.TreeLoader({
                    dataUrl:'jsonTree.action'+'?site.siteID='+siteID
                })
            
            });
            tree.on('beforeload',function(node){           
                tree.loader.dataUrl = 'jsonTree.action?nodeId='+node.id+'&site.siteID='+siteID_;   
            });  

            // set the root node
             root = new Tree.AsyncTreeNode({
                text: '<s:text name="msg.portalMS.system.root"/>',
                draggable:false,
                root:'menus',
                url:'www.baidu.com',
                id:'root_id',
                icon:'../images/dataTemplate.gif'
            });
            tree.setRootNode(root);
            root.expand();
            // render the tree
            tree.render();
            if(typeof(isClone) != "undefined" && isClone != null)
            {
                 tree.on("contextmenu", showNASClassTreeMenu);
            }
            tree.on("click", showDetail);  

            tree.on('checkchange', function(node, checked) {
                
                node.deepExpand(false,function(){if(node.parentNode.id=='root_id'){
                    return;
                }
                selParent(node, checked);
                selChild(node, checked);},this);  
            }, tree);
            
        }
    );
 
//这个方法是选择父节点,自动选中所有的子节点
function selParent(node, checked) {
    checked ? node.expand() : node.collapse();
    if (node.hasChildNodes()) {
        node.eachChild(function(child) {
            child.attributes.checked = checked;
            var cb = child.ui.checkbox;
            if (cb) cb.checked = checked;
            selParent(child, checked);
        });
    }
}

//这个方法是选择子节点,自动选中父节点的父节点
function selChild(node, checked) {
    if (checked) {
    }
    else{
        var parentNode = node.parentNode;
        if (parentNode != undefined) {
            parentNode.attributes.checked = false;
            var cb = parentNode.ui.checkbox;
            if (cb) cb.checked = checked;
            selChild(parentNode, checked);
        }
   }
}


function showNASClassTreeMenu(node, e) {
    if(node.id=='root_id'||node.parentNode.id=='root_id')
    {  return;
    }
    var nasclassMenu = new Ext.menu.Menu({
        items : [{
                    text : '<s:text name="msg.portalMS.category.clone"/>'+node.text,
                    icon : '../images/cd.gif',
                    handler : function() {
                        
                        columnClone(node.id);
                    }
                }]
    });
    nasclassMenu.showAt(e.getPoint());
}

    //栏目的克隆
    function columnClone(id){
             var queryString='';
             queryString += "&categoryids=" + id;
            
           if(!id){
                parent.parent.showText('<s:text name="msg.portalMS.page.message.tip"/>','<s:text name="msg.portalMS.category.selected.box"/>',400,200,0,true);
         }else{
             ToCloneFrame(id);
        }
          }

function ToCloneFrame(id){
  parent.parent.showClonePage('<s:text name="msg.portalMS.category.select.clone"/>','<%=request.getContextPath()%>/resource/initTree.action?clone=1&cloneCatgoryId='+id,500,430);    
  }


function allclone(){
      var clonesiteid=document.getElementById("sitesid").value;
      parent.parent.showPage('<s:text name="msg.portalMS.category.selected.city"/>','<%=request.getContextPath()%>/resource/selectCity.action?clonesiteid='+clonesiteid,300,150);    
      
}


function showDetail(node, e) {
    alert("showDetail"+node.id);
    if(node.id=='root_id')
    {
        return;
    }
    
    mFrameLoading();
    parent.document.getElementById("mFrame").src="showResourceCategoryList.action?category.categoryId="+node.id;
}        


function showNASClassTreeSubNode(node) {
    tree.expand(true,false);
}

function showNASClassTreeSubNode(node) {
    tree.expand(true,false);
}

function reLoadTree() {  
    root.reload();// 重新加载根节点.
    root.expand();
}

var i=-1;
function getLevel(categoryId) {
    i=-1;
    if(typeof(tree) != "undefined" && tree != null)
    {
        var tmpNode=tree.getNodeById(categoryId);
        
        if(typeof(tmpNode) != "undefined")
        {
            tt(tmpNode.id);
        }
    }
    return i;
}


function tt(categoryId) {   
    var tmpNode=tree.getNodeById(categoryId);
    if(tmpNode.id !='root_id')
    {
       tmpNode=tmpNode.parentNode;
       i++;
       tt(tmpNode.id);
    }else{
       return;
    }
}



function updateLoadTree(text,id) {
    tree.getNodeById(id).setText(text);
}

function reLoadTreeNode(id) {  
    var loadNode=tree.getNodeById(pid);
    loadNode.removeAll();
    tree.getStore.load({node:loadNode});//重新加载指定的节点。
    
}



function addNode(pid) {
    var loadNode=tree.getNodeById(pid);
    if(loadNode.isLeaf())
    {
    var parentNode = loadNode.parentNode;
    
    parentNode.reload();
    }else{
        loadNode.reload();
    }
    //tree.getStore.load({node:loadNode});//重新加载指定的节点。
}


function parentNode(pid){
    var nodes=tree.getChecked();
        
    var loadNode=tree.getNodeById(pid);
    if(typeof(loadNode) != 'undefined' )
    {
        if(loadNode.isLeaf())
        {
            var parentNode = loadNode.parentNode;
            parentNode.reload();
        }
        else
        {
            loadNode.reload();
        }
        if(nodes && nodes.length)
        {
             for(var i=0;i<nodes.length;i++)
             {
              //设置UI状态为未选中状态
              nodes[i].getUI().toggleCheck(false);
              //设置节点属性为未选中状态
              nodes[i].attributes.checked=false;
             }
        }
    }
}

function layerMaskShow()
{  
    document.getElementById('pageOverlay').style.visibility = 'visible' ;
}

function  layerMaskHidden()
{
    document.getElementById('pageOverlay').style.visibility = 'hidden' ;
}
</script>

</head>

<body οnlοad="layerMaskHidden()">
<div>
<priveliege:priveliege funCode="clone">
<s:hidden name="isClone" id="isClone"></s:hidden>
</priveliege:priveliege>
</div>
<s:hidden name="showSuccessDialog" />
<s:hidden name="site.siteID" id="site.siteID"></s:hidden>
<s:hidden name="catetype" id="cate_type" value="column" ></s:hidden>
<div id="pcolumn_delete" style="margin-left: -6px;">
 <priveliege:priveliege funCode="delResourceCategorys">
   <button id="deleteTreeNode" οnclick="removenode()"> <s:text name="msg.portalMS.system.delete"/></button>
 </priveliege:priveliege>
 <s:if test='#session.loginUser.city.levelType == "P"'>
  <priveliege:priveliege funCode="allclone">
    <button id="allclonebutton" οnclick="allclone()"> <s:text name="msg.portalMS.category.clone.all"/></button>
  </priveliege:priveliege>
</s:if>
<s:else>
 <priveliege:priveliege funCode="delLocalAllCategory">
   <button id="delallButton" οnclick="removeLocalAll()"><s:text name="msg.portalMS.category.delete.all"/></button>
 </priveliege:priveliege>
</s:else>

<button id="syncTreeNode" οnclick="this.disabled=true;activethis();syncTreeNode()"> <s:text name="msg.portalMS.sysmgr.syncmanage.sync"/></button>
</div>
<s:select id="sitesid" list="sites" name="iepgSiteVO.terminalType"
    listKey="siteID" listValue="alias"
    οnchange="changeTerminalType(this.value)" cssStyle="width:100%">
</s:select>
<div id="tree_div" cssStyle="width:99%,height:80%"></div>
<div id="pageOverlay" ></div>
</body>
</html>


绿源2008
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Extjs4 如何获取JSON中的值
像我这种在电视剧里面只能活两集
09-11 1986
Ext JS 虽然用了比较久，每次都是依葫芦画瓢，遇到一个问题真是蛋疼的紧。 代码里面用到的responseText是一个JSON来着，里面的值{“data”:"","success":false}。 想要拿到里面的success 的值来做一个判断，结果死活拿不出来！ Ext.Ajax.request({ url:UADP.url('confirm','T_STF_NEW_BASE'
Extjs获取JSON数据和遍历集合
xxxxx
11-09 4088
最近接触的Extjs的一些用法：获取后台返回的JSON数据(Ext.util.JSON.decode )，遍历（Ext.each）域中的集合。 1、 var id = form.findField('id').getValue(); Ext.Ajax.request( { url : 'xxxAction.do?method=add', method : '
ext树　无限级　json 数据格式　动态加载
02-13
ext树　无限级　json 数据格式　动态加载
Ext.data.JsonReader读取json数据
07-25 589
Ext.data.JsonReader读取json数据 一、不传URL view plaincopy to clipboardprint? var myData={ "Head":[     { "UserName":"admin","Name":"李亚斌","Gender":"M","Password":"123456","Status":"0","Department":"技术部","
【转】extjs加载json数据动态生成树
zhldt2008的专栏
03-07 7351
<br />使用ExtJS2，以JSON（JavaScript Object Notation）TreeLoader 异步读取数据，构造一棵异步加载的树。 <br /><br />1. 下载ExtJS2，地址：http://www.extjs.com/<br />   下载Ext JS 2.1 SDK：ext-2.1.zip。 <br />   examples文件夹下全部是ExtJS例子演示程序。 <br />   ExtJS2主要的会用到以下几个文件：ext-all.css、ext-base.js、ex
ext 异步加载树完整版
05-27
EXT JS的Tree Panel允许开发者配置异步加载数据源，通常通过Ajax请求从服务器获取JSON数据。这样做可以显著减少初始页面加载时间，因为只有用户可以看到的部分会被加载。这种机制也称为延迟加载（Lazy Loading）或按...
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
10-31
### 学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点) #### 引言 在本篇文章中，我们将深入探讨如何使用YUI.Ext库中的TreePanel组件来实现异步获取树节点的功能。不同于同步加载方式，异步加载能够显著...
Extjs 从远程获取json类型的list数据
08-02
标题 "Extjs 从远程获取json类型的list数据" 涉及的是在Web开发中使用Extjs框架与服务器进行交互，获取JSON格式的数据并展示在列表（List）组件中的技术。Extjs是一款强大的JavaScript库，用于构建富客户端的桌面级...
自己写的一个动态从后台数据库加载Ext.tree的json数据工具类
07-29
3. **异步请求**：利用Ajax或者其他HTTP请求方式与服务器进行通信，获取JSON数据。 4. **数据解析**：将接收到的JSON数据转换为Ext.tree可识别的模型。 5. **加载到树**：使用`loadData`方法将解析后的数据加载到...
ASP.NET MVC异步获取和刷新ExtJS6 TreeStore
10-20
在本文中，我们将讨论如何使用ASP.NET MVC实现异步获取和刷新ExtJS6的TreeStore，这是一种用于展示层次结构数据的组件。 首先，ExtJS6的TreeStore是TreePanel的基础，它用于存储和管理树形数据。在默认情况下，...
Ext.Net中AsyncTreeNode动态加载
h82258652的专栏
01-20 2439
<BeforeLoad Handler=" Ext.Ajax.request({ url:'...', method:'post', success:function(response){ var nodes = Ext.decode(re
extjs Post方法提交json格式的数据到php
gtchenxw的专栏
03-17 5362
最近在做extjs4的gridpanel自动进行数据的curd,但是在做到C(添加）的时候，发现把数据以json格式Post方式提交给php的时候用 php中用$_post,$_REQUEST都得不到，用firedebug看到的请求信息确实是把JSON数据post给了PHP. 在网上找了一下午，终于发现问题了 原来PHP默认只识别application/x-www.form-urlencod
树形结构json数据返回
study201612的博客
01-17 7597
适用于父子关系的数据结构。 //从数据库中查找所有地址 @Select("select t.id as addressId,t.address_name as addressName,t.parent_id as parentId from t_equipment_address t") public List getAllEquipmentAddress(); //工具类 pu
后台获取的json数据转换成树结构数据
热门推荐
cysear的专栏
11-20 1万+
今天遇到一个问题，前台页面所需数据格式是树结构格式，类似下图1，但是后台返回数据格式是却是无序的json数组，如图2 解决思路： 首先，我遇到的问题是后台返回的每条数据是缺少父级Id的，所以需要遍历增加上去。 其次，遍历数据时需要按照父>子>孙的顺序遍历，否则的话在先遍历到子元素了，但是父元素还没有出现，此时无法将id作比较，所以需要对数据进行排序。 最后，转换成图一所示的树结构数
extjs 简单的ajax请求实例和后台返回格式
周厉的技术人生
12-07 932
var _hdevName = ''; Ext.Ajax.request({ url: '/THDev/loadControl', method: 'post', params: {hDevID: _hdevid}, success: function (response) { var responseJson = Ext.util.JSON.dec
Ext树工具类 Jsontree和Xmltree
weixin_34360651的博客
06-18 96
使用说明:使用本工具类,可以快速从xml和json文件中创建EXT树.预览:tree.html: &lt;SCRIPT src="js/jsontree.js" type=text/javascript&gt;&lt;/SCRIPT&gt;&lt;SCRIPT src="js/xmltree.js" type=text/javascript&gt;&lt;/SCRIPT&gt;&lt;/HEAD
Ext.data：数据操作核心组件与异步连接
Grid和ComboBox利用这些工具进行异步数据加载，支持常见的数据格式如Array、JSON和XML，同时具备类型转换和分页功能，使得数据处理更加灵活。对于不支持的标准数据格式或需要定制化的协议，开发者可以自定义reader和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值