easyui treegrid 复选框添加需要添加到字段中

最新推荐文章于 2021-03-10 17:06:22 发布

iteye_16498

最新推荐文章于 2021-03-10 17:06:22 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

文章标签： easyui treegrid

本文链接：https://blog.youkuaiyun.com/iteye_16498/article/details/82610723

本文介绍了一个使用JavaScript初始化TreeGrid组件的方法，包括如何设置组件自适应窗口大小、获取项目根路径及配置TreeGrid的各项属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//设置treegrid自适应
$(window).resize(function(){
    $('#treeGrid').treegrid('resize', {
        width: '100%'
    })
});

//js获取项目根路径，如： http://localhost:8088/jquery
function getRootPath(){
    //获取当前网址，如： http://localhost:8088/jquery/easyui/login.jsp
    var curWwwPath = window.document.location.href;
    //获取主机地址之后的目录，如： jquery/easyui/login.jsp
    var pathName = window.document.location.pathname;
    var pos = curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8088
    var localhostPaht = curWwwPath.substring(0, pos);
    //获取带"/"的项目名，如：/jquery
    var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
    return (localhostPaht + projectName);
}

var treeGrid;
$(function(){
    InitTreeGrid();
});

/**
 * 初始化treegrid
 */
function InitTreeGrid(){

    treeGrid = $('#treeGrid').treegrid({
        url: getRootPath() + '/treeGrid',
        title: '编辑treeGrid',
        rownumbers: true,
        idField: 'id',
        treeField: 'text',
        width: '100%',
        fitColumns: true,
        columns: [[{
            title: '序号',
            field: 'id',
align: 'center',
//复选框
            checkbox: true
        }, {
            title: '名称',
            field: 'text',
            width: 280
        }, {
            title: '全名',
            field: 'fullname',
            width: 280,
            align: 'right'
        }, {
            title: '英文名',
            field: 'nameen',
            width: 280
        }, {
            title: '级别',
            field: 'level',
            width: 280
        }, {
            title: '状态',
            field: 'status',
            width: 280
        }]],
        toolbar: [{
            id: 'idAdd',
            text: '增加',
            iconCls: 'icon-add',
            plain: 'true',
            //按钮事件
            handler: function(){

            }
        }, '-', {
            id: 'idDelete',
            text: '删除',
            //disabled: true,
            iconCls: 'icon-remove',
            //按钮事件
            handler: function(){

            }