asp.net-mvc - 当内容包含 PageControl 或 TabControl 时，DevExpress CallbackPanel PerformCallback 挂起

当页面上发生单独的客户端操作时，我想按需刷新 TabControl 中的选项卡。我已经将我的 TabControl 扩展(也尝试过 PageControl)放在 CallbackPanel 中，并且 EndCallBack 事件永远不会触发。如果 ShowLoadingPanel 设置为 true，您会看到调用正在挂起，因为加载面板永远不会消失。 OnBeginCallback 和实际的 Controller 回调 Action 都被执行。我假设面板和选项卡之间发生了某种冲突的回调，但我不知道如何解决它。如果我用基本的 html 或其他更简单的 DevExpress 控件替换 TabControl，一切正常。

TabControl 部分(CallbackTestPageControl.cshtml):

@Html.DevExpress().TabControl(settings => {
    settings.Name = "testTabControl";
    settings.Width = Unit.Percentage(100);
    settings.Tabs.Add("tab 1");
    settings.Tabs.Add("tab 2");
    settings.Tabs.Add("tab 3");
}).GetHtml()

面板部分(CallbackTestPanel.cshtml):

@Html.DevExpress().CallbackPanel(settings =>
{
    settings.Name = "cbpTabStrip";
    settings.CallbackRouteValues = new { Controller = "Home", Action = "CallbackTestPanel" };
    settings.ClientSideEvents.BeginCallback = "OnBeginCallback";
    settings.ClientSideEvents.EndCallback = "OnEndCallback";
    settings.SetContent(() => Html.RenderPartial("CallbackTestPageControl"));
}).GetHtml()

查看(CallbackTest.cshtml):

<script type="text/javascript">
    var testId = null;
    function ButtonClicked(s, e) {
        alert('click');
        testId = 1;
        if (!cbpTabStrip.InCallback())
            cbpTabStrip.PerformCallback();
    }
    function OnBeginCallback(s, e) {
        alert('begin');
        e.customArgs["Id"] = testId;
        testId = null;
    }
    function OnEndCallback(s, e) {
        alert('end');
        if (testId != null)
            cbpTabStrip.PerformCallback();
    }
</script>

@Html.DevExpress().Button(settings => {
    settings.Name = "CallbackButton";
    settings.Text = "Callback";
    settings.ClientSideEvents.Click = "ButtonClicked";
}).GetHtml()

@Html.Partial("CallbackTestPanel")

Controller (HomeController.cs):

public ActionResult CallbackTest()
{
    return View();
}
public ActionResult CallbackTestPanel()
{
    int id = !String.IsNullOrEmpty(Request.Params["Id"]) ? int.Parse(Request.Params["Id"]) : 0;
    return PartialView("CallbackTestPanel");
}

附加信息 :此外，我尝试根据其他在线建议更新 web.config 中的 DevExpress 配置。具体来说 - 将压缩元素上的 enableResourceMerging 属性更新为 false 而不是 true。这似乎允许回调间歇性地结束。我真的不想禁用资源合并，所以我很高兴这没有提供可靠的解决方案。所以，这就是我目前拥有的:

<devExpress>
    <themes enableThemesAssembly="true" styleSheetTheme="" theme="Office2010Silver" />
    <compression enableHtmlCompression="true"
        enableCallbackCompression="true"
        enableResourceCompression="true"
        enableResourceMerging="true" />
    <settings rightToLeft="false" />
    <errors callbackErrorRedirectUrl="" />
</devExpress>

最佳答案

如果我浪费了任何人的时间，我很抱歉。最后，问题是我所有的非 DevExpress 脚本都在布局主体的底部。我需要在 DevExpress 脚本之前将 jQuery 移到头部。奇怪的是，在此问题之前，其他一切都运行良好。感谢任何试图复制的人。

关于asp.net-mvc - 当内容包含 PageControl 或 TabControl 时，DevExpress CallbackPanel PerformCallback 挂起，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18149325/