在jquery对话框中分页数据控件

时间:2010-08-25 15:27:58

标签: c# asp.net jquery

我在我的Asp.net Web应用程序中使用Jquery对话框来获取所有消息。 现在我已经尝试在对话框中填写列表视图及其工作,但我想允许用户在列表视图中使用分页来从列表中选择他的客户。 当我按下按钮向上移动1页时,它不起作用......

也许这是不可能的?或者有人在Jquery对话框中有一个分页数据控件的例子吗?

格尔茨, 本

2 个答案:

答案 0 :(得分:0)

我怀疑在分页回发后对话框没有显示?

您有两种选择:

一:更改为使用带有列表视图的弹出窗口,以便在其自己的页面中以正常方式处理分页

二:在服务器端,在渲染页面时,还渲染一个重新显示对话框的启动jQuery脚本。

    <div id="dialog" style="display:none;"  >
        <asp:listview ID="lv" runat="server" />
        ...etc
    </div>

在代码背后:

        var script = new StringBuilder();
        script.AppendLine("jQuery(function($) {");
        script.AppendLine(string.Format("    $('#dialog').attr('Title','{0}');",  dialogTitle));
        script.AppendLine("    $('#dialog').dialog({ closeOnEscape: true,  modal: true });");
        script.AppendLine("});");

        ClientScript.RegisterStartupScript(GetType(), "dialog", script.ToString(), true);

答案 1 :(得分:0)

第二个选项有效! 我只在codebehind中添加了这段代码:

ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "openDialogScript", "$(function() { openCustomerDialog(); });", true);

在.aspx文件中我添加了这个:

openCustomerDialog = function openDialog(){
    $("#reportCustomerDialog").dialog({
        modal: true,           
        height: 420,
        width: 500,
        buttons: {
            Ok: function() {
                $(this).dialog('close');
            }
        }
    });
    $("#dialog").show();   
};