zoukankan      html  css  js  c++  java
  • TreePanel 、TabPanel及GridPanel之间联动

       在之前已讲述TreePanel与GridPanel之间的联动,如果GridPanel在不同的标签中,又如何定位到标签中的GridPanel的某一行呢,这是本篇需要讲述的内容:以下做为一个例子:

       三个标签,分别为:TabClientJobs、TabCorporate、TabFreelance

    代码
    <ext:TreePanel ID="ClientJobTree" runat="server" Icon="Note" Border="false"
    AutoScroll
    ="true">
    <Listeners>
    <Click Handler="selectGridPanelbyNodeID(node.id,#{TabPanelClientJob});" />
    </Listeners>
    </ext:TreePanel>

    脚本代码:

    代码
    function selectGridPanelbyNodeID(id, tabPanel) {
    //获取类型(即标签)
    var type = Coolite.AjaxMethods.GetType(id, { success: function(result) {
    switch (result) {
    case "0":
    {
    //切换标签
    tabPanel.setActiveTab(Ext.getCmp("<%= TabClientJobs.ClientID %>"));
    //获取GridPanel
    var grid = Ext.getCmp("<%= GridPanelCustomer.ClientID %>");
    //通过ID查找信息
    var record = grid.store.getById(id);
    //选中该行
    grid.getSelectionModel().selectRow(grid.store.indexOf(record));
    break;
    }
    case "1":
    {
    tabPanel.setActiveTab(Ext.getCmp(
    "<%= TabCorporate.ClientID %>"));
    var grid
    = Ext.getCmp("<%= GridPanelCorporate.ClientID %>");
    var record
    = grid.store.getById(id);
    grid.getSelectionModel().selectRow(grid.store.indexOf(record));
    break;
    }
    case "2":
    {
    tabPanel.setActiveTab(Ext.getCmp(
    "<%= TabFreelance.ClientID %>"));
    var grid
    = Ext.getCmp("<%= GridPanelFreelance.ClientID %>");
    var record
    = grid.store.getById(id);
    grid.getSelectionModel().selectRow(grid.store.indexOf(record));
    break;
    }
    }
    }
    });
    }

      

  • 相关阅读:
    java8 Date/Time API 新的日期处理工具
    java8 Lambda 表达式和函数式接口快速理解
    java8 新特性精心整理(全)
    Git 从入门到熟练|不敢说精通
    C# Color 列表
    自动控制原理6
    forfiles命令详解
    详解SQLEXPR32_x86_CHS.exe、SQLEXPR_x86_CHS.exe、SQLEXPR_x64_CHS.exe之间的区别
    power disiagner pdb
    vs 中大括号之间垂直虚线显示
  • 原文地址:https://www.cnblogs.com/mystar/p/1788596.html
Copyright © 2011-2022 走看看