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;
    }
    }
    }
    });
    }

      

  • 相关阅读:
    $.each
    KBASP.NET 2.0 網站部署的變革
    详尽解析window.event对象
    Jquery1.2.6 源码分析
    索引学习2聚族索引、非聚族索引、组合索引
    在C#中使用WIA获取扫描仪数据
    Adobe Photoshop CS5简体中文版+完美破解方法
    j2me开发图片加载
    数据库操作
    WPF之DataGrid应用
  • 原文地址:https://www.cnblogs.com/mystar/p/1788596.html
Copyright © 2011-2022 走看看