Question

我在桌面上使用http://mottie.github.com的jquery插件tablesort。意味着什么是

单击标题单元格
一个jquery ui对话框显示正在加载
使用更新事件将表缓存更新为通过用户输入更改的数据
排序发生
然后删除对话框

问题是对话框没有始终打开或不关闭，如果我在事件sortStart和sortEnd中打开对话框，则它会打开和关闭两次但是等待打开直到更新事件完成。

如果我使用警报它会更好，但这不是我想要的，我需要一个对话框。

botton line是我需要使用更新事件和对话框.....可以哟请帮助..我的概念代码在下面..谢谢

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery.tablesorter.min.js"></script>
    <link href="css/smoothness/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" />
    <script src="js/jquery-ui-1.9.1.custom.min.js"></script>



    <script type="text/javascript">

        $(function () {
            //add table sort
            $("#myTable").tablesorter();


            // bind to sort events begin
            $("#myTable").bind("sortBegin", function (e, table) {

                $('<div id="myDialog">loading</div>').dialog();

                $("#myTable").trigger("update"); // update table cache
                //alert('open');
            })

            $("#myTable").bind("updateComplete", function (e, table) {
                //alert("updateComplete")
            });

            $("#myTable").bind("sortStart", function (e, table) {
                //alert("sortStart")
            });

            $("#myTable").bind("sortEnd", function (e, table) {
                //alert("sortEnd")
                $('#myDialog').dialog("close");

            });



        });


    </script>




</head>
<body>
    <form id="form1" runat="server">
    <div>


        <table id="myTable" class="tablesorter"> 
  <thead> 
    <tr> 
      <th>Last Name</th> 
      <th>First Name</th> 
      <th>Email</th> 
      <th>Due</th> 
      <th>Web Site</th> 
    </tr> 
  </thead> 
  <tbody> 

    <tr> 
      <td>Smith</td> 
      <td>John</td> 


         <td>jsmith@gmail.com</td> 
          <td>$50.00</td> 
          <td>http://www.jsmith.com</td> 
        </tr> 

<!-- this is here to simulate loads of extra rows -->
          <% For index = 1 To 100

                  Response.Write("<tr><td>Doe</td><td>Jason</td><td>jdoe@hotmail.com</td><td>$100.00</td><td>http://www.jdoe.com</td></tr> ")

              Next
              %>

        <tr> 
          <td>Conway</td> 
      <td>Tim</td> 
      <td>tconway@earthlink.net</td> 
      <td>$50.00</td> 
      <td>http://www.timconway.com</td> 
    </tr> 
  </tbody> 
</table>


    </div>
    </form>
</body>
</html>

jquery tablesort不显示对话框，更新缓存，排序然后关闭对话框

0 个答案: