extjs复选框依次排列

来源:互联网 发布:it技术 编辑:程序博客网 时间:2024/06/01 09:11

js代码:

Ext.Ajax.request({
   url : 'getAllFunction1',
   success : function(response, opts) {
    var dataStr = "[";
    var result = Ext.util.JSON.decode(response.responseText);
    
    for (var i = 0; i < result.length; i++) {

     dataStr = dataStr + "{boxLabel: '" + result[i]["funname"]+ "',inputValue:'"+result[i]["funname"]+"',name:'"+result[i]["funname"]+"'}";
    
     
     var d = (i == (result.length - 1)) ? "]" : ",";
     
     dataStr = dataStr + d;
    } 
    
    var itt = eval(dataStr);   
     myCheckboxGroup=new Ext.form.CheckboxGroup({
     xtype:'checkboxgroup',
     itemCls:'x-check-group-alt',
     blankText : '请勾选相关权限',
     fieldLabel : '功能列表',
     name:'funlist',
     id:'on_state',
     column:10,
     items:itt
    });
          var ids = [];    //定义一个数组       

form表单:

       {
      columnWidth : .9,
      layout : "form",
      items : [myCheckboxGroup]

     }

action方法:

 public String getAllFunction1(){ 
  try {
   List<Object []> datatableList=bhfunctionService.getAllFunction();

         if(datatableList.size()>0 && datatableList!=null){
    ObjectMapper ob=new ObjectMapper();
    message=ob.writeValueAsString(datatableList);
   }else{
    message="0";
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
  request.setAttribute("msgg", message);
  return "success";
 }

底层方法:

 public List<Object[]> getAllFunction() throws Exception{
  String sql=" select id,funname from Bhfunction ";
  return bhfunctionDao.findBySql(sql);
 }