jQuery EasyUI/TopJUI创建树形表格下拉框

jQuery EasyUI/TopJUI创建树形表格下拉框

jQuery EasyUI/TopJUI创建树形表格下拉框

第一种方法（纯HTML创建）

 

        

            组织机构
            

                
            
        
    

　　第二种方法（js）

html

        

            组织机构
            

                
            
        
    

　　js

$(function () {
        $('#org2').iCombotreegrid({
            labelPosition: 'top',
            url: remoteHost + '/mdata/organization/getListByLevelId?levelId=1',
            expandUrl: remoteHost + '/mdata/organization/getListByPid?pid={id}',
            idField: 'id',
            treeField: 'text',
            columns: [[
                {field: 'text', title: '机构名称'},
                {field: 'leader', title: '负责人'},
                {field: 'levelId', title: '层级'}
            ]]
        });
    });

　　效果展示

 

html

 

 js

 

 

EasyUI中文网：http://www.jeasyui.cn

TopJUI前端框架：http://www.topjui.com

 TopJUI交流社区：http://ask.topjui.com 

posted @ 2019-06-04 18:41 小策一喋 阅读( ...) 评论( ...) 编辑 收藏