确定在客户端的 DevExpress Pagecontrol 中单击了哪个选项卡

Question

使用 DevExpress ASPXTabControl，如何确定使用 Javascript 单击了哪个选项卡客户端。

我有多个选项卡，每个选项卡都包含一个加载数据的回调面板。这一切都有效，但是当单击任何选项卡时，所有数据都会加载。

我想确定单击了哪个选项卡，并且仅确定相关回调面板上的 PerformCallback。

Answer 1

据我了解，当 CallbackPanel 驻留在 TabPage 内时，您就会有一个布局。如果是这样，您的任务可以使用以下方法来实现：

1) 设置每个 ASPxCallbackPanel 的 ClientInstanceName 属性，如下所示：

"callBackPanel_" + Tab.Index.ToString();

即，每个 CallbackPanel 的 ClientInstanceName 取决于它所在的选项卡。

2) 处理 ASPxPageControl 的 ActiveTabChanged 客户端事件，如下所示：

var panel = eval("callBackPanel_" + e.tab.index.toString());
panel.PerformCallback("parameter");

另外，我建议您查看 如何在回调中创建和加载活动选项卡的内容

Answer 2

为 AspxpageControl 编写 ClientSideEvent，

<ClientSideEvents EndCallback="
   function (s, e) {
    var tab = s.GetActiveTabIndex();
    switch (tab) {
        case 0:
            Page1Callback.PerformCallback();
            break;
        case 1:
            Page2Callback.PerformCallback();
            break;
        case 2:
            Page3Callback.PerformCallback();
            break;...

    }
}" />

</dx:ASPxPageControl>

这将在第一次单击每个选项卡时加载数据，之后选项卡模式将处于客户端模式