Ajax有关问题 easyui

2013-09-11

Ajax问题 easyui本帖最后由 showbo 于 2013-09-10 16:43:40 编辑%@ Page LanguageC# AutoEventWireup

Ajax问题 easyui
本帖最后由 showbo 于 2013-09-10 16:43:40 编辑

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="searchByWeb.aspx.cs" Inherits="searchByWeb" debug="true"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../My97DatePicker/WdatePicker.js" type="text/javascript"></script>
   
    <link href="../jquery-easyui-1.2.3/themes/default/easyui.css" rel="stylesheet"
        type="text/css" />
    <link href="../jquery-easyui-1.2.3/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../jquery-easyui-1.2.3/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../jquery-easyui-1.2.3/jquery.easyui.min.js" type="text/javascript"></script>
    <script>
        var point = 0;
        var dialoguenum = 0;
        var valid = 0;
        function loadData() {
            var data = { action: 1, start: $("#txtBegin").val(), end: $("#txtEnd").val() };

            $("#tbWeb").datagrid({
                url: 'searchByWeb.aspx',
                queryParams: data,
                title: '按网站统计',
                width: 800,
                height: 300,
                fitColumns: true,
                columns: [  //这里开始设置列  是json对象的对象数组
                [ 
 
{ field: 'enterdate', title: '日期', width: 50 },
{ field: 'w_name', title: '网站名', width: 50 },
{ field: '点击量', title: '点击量', width: 70, sortable: true },
{ field: '聊天量', title: '聊天量', width: 70, sortable: true },
                    { field: '有效聊天量', title: '有效聊天量', width: 50 },
                    { field: '有效名片量', title: '有效名片量', width: 70 },
                    { field: '聊天转换率', title: '聊天转换率', width: 50,
                        formatter: function (value, rec, index) {
                            //value 是当前值，rec代表整行json对象,index代表当前索引
                            
                            point += rec.点击量;
                            dialoguenum += rec.有效聊天量;
                            valid += rec.有效名片量;
                            $("#Label1").val("聊天总数" + point + ",有效聊天总数" + dialoguenum + ",有效名片总数" + valid);
                            return value + "%";
                        }
                    },
                    { field: '有效名片转换率', title: '有效名片转换率', width: 50, 
 
                        formatter: function (value, rec, index) {
                            //value 是当前值，rec代表整行json对象,index代表当前索引
                            return value + "%";
                        }
                    }
                ]]
            });
        }
        $(function () {
            $("#Chat").click(function () {
                loadData();
                $("#Label1").val("聊天总数" + point + ",有效聊天总数" + dialoguenum + ",有效名片总数" + valid);
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
        <tr>
            <td>开始日期：</td>
           
            <td class="style1"><asp:TextBox ID="txtBegin" runat="server"></asp:TextBox>
             <img onclick="WdatePicker({el:'txtBegin',dateFmt:'yyyy-MM-dd '})" src="../My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
                    
                </td>
                  
 
            <td>结束日期：</td>
            
             <td class="style1"><asp:TextBox ID="txtEnd" runat="server"></asp:TextBox>
             <img onclick="WdatePicker({el:'txtEnd',dateFmt:'yyyy-MM-dd '})" src="../My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
             </td>
           
        </tr>
        <tr>
            <td>
               
                 <input type="button" id="Chat" value ="查询"/>   
                <asp:Button ID="Ecel" runat="server" Text="导出Excel" onclick="Ecel_Click" />
                 <asp:HyperLink ID="HyperLink1" runat="server" Visible="False">HyperLink</asp:HyperLink>
    </tr>
    </table>
    <table id="tbWeb"></table>
    </div>
    <asp:Label ID="Label1" runat="server"></asp:Label>
    </form>
</body>
</html>

现在点击按钮之后没有完成label的赋值 easyui ajax 索引
[解决办法]
因为ajax是异步的，formatter: function (value, rec, index) 需要在ajax返回后才会执行，$("#Label1").val("聊天总数" + point + ",有效聊天总数" + dialoguenum + ",有效名片总数" + valid);这个句在ajax未返回之前就已经执行了，所以那3个变量都为0，而且lable标签没有value属性，要使用html方法

$("#Label1").html("聊天总数" + point + ",有效聊天总数" + dialoguenum + ",有效名片总数" + valid);

添加onLoadSuccess事件，在事件里面执行复制语句试试
$("#tbWeb").datagrid({
onLoadSuccess:function(){$("#Label1").html("聊天总数" + point + ",有效聊天总数" + dialoguenum + ",有效名片总数" + valid);},
url: 'searchByWeb.aspx',
queryParams: data,
.......

热点排行