zoukankan      html  css  js  c++  java
  • extjs下拉框,多选,单选,动态传值

    后台java代码

    @RequestMapping(params = "command=adduser")
    public void getUser(HttpServletResponse response) throws Exception{
    JSONObject result1 = new JSONObject();
    JSONArray rows1 = new JSONArray();
    String search ="1=1";
    List<Inducedcause> list = inducedcauseService.getInducedcauseList(search);
    JSONObject ux = null;
    for(Inducedcause uc:list){
    ux= new JSONObject();
    ux.put("id", uc.getId());
    ux.put("reason", uc.getReason());
    rows1.put(ux);
    }
    result1.put("results1", rows1);
    // result.put("totalCount", list.size());
    response.getWriter().write(result1.toString());
    }

    前台extjs代码

    var comstore1 = new Ext.data.Store(
    {proxy: new Ext.data.HttpProxy({url: '${pageContext.request.contextPath}/treatmentrecord/treatmentrecord.page?command=adduser'}), 
    //读取json
    reader: new Ext.data.JsonReader({
    root: 'results1',
    remoteSort: true,
    fields: ['id','reason']})
    });

    {
    xtype:'lovcombo',
    fieldLabel: '诱发原因',
    id: 'inducedcause-id',
    name: 'inducedcause',
    displayField : 'reason',
    valueField : 'id',
    hiddenName : 'id',
    mode : 'local',
    editable:false,
    loadingText : '加载中...',
    store : comstore1,
    value:'<%=realname%>',
    emptyText:'请选择原因',
    triggerAction : 'all',
    maxLength : 100,
    multiSelect:true,
    anchor:'100%'
    },

    要实现多选下拉框要引入两个JS类库

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/ext/examples/ux/css/Ext.ux.form.LovCombo.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/ext/examples/ux/Ext.ux.form.LovCombo.js"></script>

    否则为单选下拉框,数据是动态的

    初学extjs,希望可以帮到需要的人

  • 相关阅读:
    php 经验之谈
    3)nginx的启动与停止、重启,linux配置对外端口
    git 的使用
    mysql基本定义--数据类型
    Web安全XSS
    SQL优化 csdn
    数据库隔离级别
    Web前段优化,提高加载速度 css
    jquery的height()和javascript的height总结,js获取屏幕高度
    highcharts笔记 highcharts学习 highcharts用法
  • 原文地址:https://www.cnblogs.com/duzjextjs/p/5392329.html
Copyright © 2011-2022 走看看