zoukankan      html  css  js  c++  java
  • EasyUI combobox 加载JSON数据

    Action返回 JSON 格式如下:

    jsonResult = 
    {
      total=7,rows=[
         {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, 
         {TEXT=开发部, ID=402894ca4419acf1014419beb1bc0001}, 
         {TEXT=实施, ID=4028e439476b55be01477bbf0fab0000}, 
         {TEXT=技术支持, ID=4028e439476b55be01477bbfb80e0001},
         {TEXT=客户服务, ID=4028e439476b55be01477bc015a80002}]
    }

    json中包含 totalrows,我们需要rows下面的内容来显示在combobox中,API规定必须用下面格式的json:

    [{  
        "id":1,  
        "text":"text1"  
    },{  
        "id":2,  
        "text":"text2"  
    },{  
        "id":3,  
        "text":"text3",  
        "selected":true  
    },{  
        "id":4,  
        "text":"text4"  
    },{  
        "id":5,  
        "text":"text5"  
    }]

    官方给出了一个示例

    $('#cc').combobox({  
        url:'combobox_data.json',  
        valueField:'id',  
        textField:'text'  
    }); 

    一直不明白只需一个url 如何返回数据?百思不得姐

    以下是两种解决方法

    第一种:

    var url = "admin/FrmQueryAllGroup.do";
    $.getJSON(url,function(json) {
        $('#cc').combobox({
            data: json.jsonResult.rows,
            valueField: 'ID',
            textField: 'TEXT'
        });
    });

    第二种:

    $.ajax({
        type: "POST",
        url: 'admin/FrmQueryAllGroup.do',
        dataType: "json",
        success: function(json) {
            $('#cc').combobox({
                data: json.jsonResult.rows,
                valueField: 'ID',
                textField: 'TEXT'
            });
        }
    });

    注:jsonResult 为Action中返回值,rows 为 jsonResult 中的属性

    struts.xml

    <package name="FrmTaskUser_Ajax_code" extends="json-default">
        <action name="FrmQueryAllGroup" method="queryAllGroup"
            class="org.bkgd.autoform.web.action.ActionTaskuserFormQuery">
            <result type="json"></result>
        </action>
    </package>
  • 相关阅读:
    百度 接口
    神奇的太溪穴
    从输入url到显示网页,后台发生了什么?
    策略模式
    84岁专家万承奎谈养生防病:晚饭太丰盛 全身撑出病_中国江苏网
    avalonJS-源码阅读(3) VMODEL
    avalonJS-源码阅读(2)
    mybatis-spring从1.1升级到1.2所带来的dao层级的编写问题
    spring多数据源配置
    创建多模块maven项目
  • 原文地址:https://www.cnblogs.com/huangf714/p/5898887.html
Copyright © 2011-2022 走看看