easyui 默认选中第一行

最新推荐文章于 2021-06-28 17:20:18 发布

转载最新推荐文章于 2021-06-28 17:20:18 发布 · 554 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuquelin/articles/3172096.html

文章标签：

#javascript #ViewUI

本文介绍了使用 EasyUI 框架中 datagrid、treegrid 和 tree 控件时的数据加载及选择操作。针对 datagrid 控件，在数据加载成功后会自动选中第一行并触发相关函数；对于 treegrid 控件，则是在数据加载成功后选中第一项数据；而对于 tree 控件，数据加载成功后则通过触发 TreeClick 函数实现特定节点的选择。

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

datagrid:

　　onLoadSuccess: function (data) {
                    $('#serviceTypeList').datagrid("selectRow", 0);
                    SelectProcedureList(node.id, $('#serviceTypeList').datagrid('getSelections'));
                }

treegrid:

　　onLoadSuccess: function (row, data) {
            if (data.rows[0] != null) {
                $('#projectList').treegrid('select', data.rows[0].Pid);
            }
            SelectProblem();
        }

tree:

onLoadSuccess: function () { TreeClick(); }

function TreeClick() {
    var loadTreeClick = $("#serverClassList").find("div");
    if (loadTreeClick.length > 1) {
        loadTreeClick.eq(0).click();
        loadTreeClick.eq(0).addClass("tree-node-selected");
        SelectSalersServiceType();
    }
}

转载于:https://www.cnblogs.com/wuquelin/articles/3172096.html