`
Supanccy2013
  • 浏览: 223401 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

easyui treegrid 复选框问题

阅读更多
点击复选框时只能单选,不知道什么问题,求大侠们指教

源码

//设置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(){
           
            }
        }, '-', {
            id: 'idEdit',
            text: '修改',
            iconCls: 'icon-edit',
            //disabled: true,
            handler: function(){
            }
        }, '-', {
            id: 'idSave',
            text: '保存',
            iconCls: 'icon-save',
            //disabled: true,
            handler: function(){
            }
        }, '-', {
            id: 'idCancle',
            text: '取消编辑',
            iconCls: 'icon-undo',
            //disabled: true,
            handler: function(){
            }
        }, '-'],
   
   
    });
}


/**
* 修改树
*/
function modifyTree(){

}

/**
* 删除节点
*/
function removeTree(){

//获取选中的行数
    var rows = treeGrid.treegrid('getSelections');
    if (rows.length > 0) {
//存放选中行的id
var ids = [];
for (var i = 0; i < rows.length; i++) {
ids.push(rows[i].oid);
}
}
}
分享到:
评论

相关推荐

    Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    在TreeGrid中添加复选框(checkbox)可以方便用户进行多项选择,比如批量删除、选中等操作。 实现TreeGrid上显示checkbox并取选定值的基本思路是利用formatter自定义渲染单元格,在特定的列中插入checkbox,并在...

    jQuery Easyui Treegrid实现显示checkbox功能

    通关类型判断显示包库/还是镜像(列有所不同,镜像共4列),勾选一个复选框,后面的复选框变为不可勾选状态。 下面是具体代码: 1,初始化treegrid,(其中有几个type列,是由后台人员提供的字段名,虽然我也不想弄...

    解决EasyUI中Tree的CheckBox不能设置为禁用的问题

    //这里使用的easyui1.3.6 //解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在...

    jquery easyui中treegrid用法的简单实例

    这包括解析 JSON 数据,将数据结构转换成 TreeGrid 所需的格式,以及处理每个节点的扩展信息(如添加复选框等)。例如,你可能需要遍历 JSON 数据,为每个节点添加 `children` 属性来表示子节点,以及 `checked` ...

    Easyui在treegrid添加控件的实现方法

    在本文中,我们将探讨如何在 Easyui 的 Treegrid 中添加控件,如复选框和下拉选择框。 首先,要实现在 Treegrid 中添加控件,关键在于使用 `formatter` 属性。`formatter` 是一个回调函数,用于自定义单元格的显示...

    EasyUI tutorial 中文版 chm

    easyUI 创建Tree和复选框Tree Node easyUI 拖动(Drag)和放置(Drop)Tree easyUI 加载parent/child节点到tree 转换tree标准格式数据 easyUI 创建一个基础的TreeGrid easyUI 创建复杂TreeGrid Form easyUI ...

    easyUI相关的一些框架材料.zip

    5. **表单元素**:包括输入框、下拉框、复选框、单选按钮等多种表单控件,支持验证和数据绑定。 6. **树形视图**:Tree 控件可以展示层次结构的数据,支持展开、折叠、拖放等操作。 7. **其他组件**:还有进度条、...

    treegrid check

    4. **工具使用**:在标签中提到的“工具”可能是指用于创建TreeGrid和处理复选框功能的JavaScript库,如jQuery UI的Treeview、EasyUI的TreeGrid,或者是自定义的轻量级解决方案。了解这些工具的用法对于快速集成和...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    tree:修复在“onlyLeafCheck”属性为true时,复选框无法在异步树种正确显示的问题。 Improvement(改进) treegrid:所有的选择和选中的方法都扩展自datagrid组件; linkbutton:添加图标对齐功能的完整支持,...

    easyui管理系统实例

    3. **表单元素**:EasyUI 提供了各种表单控件,如输入框、下拉框、复选框、单选按钮等,便于用户输入和编辑数据。在管理系统中,表单是用户与系统交互的重要界面。 4. **对话框与窗口**:使用 Dialog 或 Window ...

    jquery-easyui-1.3.1

    2. **Form**:EasyUI 的 Form 组件可以方便地将 HTML 表单与后台数据绑定,支持各种输入控件,如文本框、复选框、日期选择器等。通过 validatebox 验证功能,能确保用户输入的数据符合规范。 3. **Dialog**:Dialog...

    jquery-easyui-1.3.6.zip

    tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方法。 linkbutton:图标对齐方式,支持值:'top','bottom','left','right'。 ...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    treegrid:新增复选框的选择; treegrid:新增“getCheckedNodes”、“checkNode”和“uncheckNode”方法; form:新增“iframe”属性;(官方未提及) form:新增“onProgress”事件;(官方未提及) form:新增...

    jQuery EasyUI 1.4.2 版 API 中文版

    5. **Form**: 表单组件用于收集用户输入,支持各种表单元素,如文本框、复选框、单选按钮等。API会介绍如何验证表单数据、提交表单以及联动其他组件。 三、布局与主题 1. **Layout**: 布局组件允许你将页面划分为...

    jQuery EasyUI版API

    - **按钮(Button)**:包括普通按钮、复选按钮、单选按钮等,可与各种事件结合使用。 - **表单(Form)**:提供了各种表单元素,支持验证和数据提交。 3. **主题**:jQuery EasyUI支持多种预设主题,可以快速改变...

    jQuery EasyUI 1.4.5 版 API 中文版

    - **Form(表单)**:用于展示和收集用户输入,与各种表单控件(如文本框、选择框、复选框等)配合使用。 2. **数据控件**: - **DataGrid(数据网格)**:显示表格数据,支持分页、排序、过滤、编辑等功能,可以...

Global site tag (gtag.js) - Google Analytics