Json数据未显示在网格中（在母版页中） [英] Json Data Not showing in the grid (in Master pages)

查看：72
本文介绍了Json数据未显示在网格中（在母版页中）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

 <   script    类型  =  text / javascript  >  
 $（document）.ready（function（）{
 $ .ajax（{
 type ：POST，
 contentType：application / json; charset = utf-8，
 url：WebForm3.aspx / BindDatatable，
 data：{}，
 dataType：json，
成功：函数（数据）{
 for（var i = 0; i <     data.d.length;     i ++）    {  
   
            < span class =code-attribute>                                     $（＃gvDetails）。append（< table  >  <   tbody   >  <   tr  >  <   td  >  +（data.d [i] .Consumption）+<   / td  >  <   td  > +（data.d [i] .MeterTimestamp）+<   / td  >  <   / tr  >  <   / tbody  < span class =code-keyword>>  <   / table  > ）; 
} 
}，
错误：函数（结果）{
 alert（错误）; 
} 
}）; 
}）; 
 <   / script  >  
 
 <   asp：GridView     ID   =  gvDetails     runat   = < span class =code-keyword> server    AutoGenerateColumns   =  false >  
 <   HeaderStyle     BackColor   =  ＃DC5807   字体粗体  =   true    ForeColor  < span class =code-keyword> = 白色    /  >



.cs代码 

 使用系统; 
 使用 System.Collections.Generic; 
 使用 System.Linq; 
 使用 System.Web; 
 使用 System.Web.Services; 
 使用 System.Web.Script.Services; 
 使用 System.Data; 
 
 
 命名空间 WaterMeter_Solution 
 {
  public   partial   class  WebForm3：System.Web.UI.Page 
 {
 
 受保护  void  Page_Load（ object  sender，EventArgs e）
 {
  if （！IsPostBack）
 {
 BindColumnToGridview（）; 
} 
} 
  ///   <  摘要 >  
   ///  此方法用于将虚拟行绑定到gridview以使用JQuery绑定数据
   ///   <   /摘要 >  
   private   void  BindColumnToGridview（）
 {
 DataTable dt =  new  DataTable（）; 
 dt.Columns.AddRange（ new  DataColumn [] { new  DataColumn（ 消耗）， new  DataColumn（  MeterTimestamp， typeof （DateTime））}）; 
 dt.Rows.Add（）; 
 gvDetails.DataSource = dt; 
 gvDetails.DataBind（）; 
 gvDetails.Rows [ 0 ]。可见=  false ; 
} 
 
 [WebMethod] 
  public   static  UserDetails [] BindDatatable（）
 {
 DateTime FromDate = DateTime.Today; 
 DataTable dt =  new  DataTable（）; 
 List< userdetails> details =  new  List< userdetails>（）; 
 {
 使用（OracleDataBase objdb =  new  OracleDataBase（））
 {
 dt = objdb.GetServiceWiseConsumption（  PR_GET_RECORDS_PER_SERVICE， 6 ，FromDate）; 
  foreach （DataRow dtrow  in  dt.Rows）
 {
 UserDetails user =  new  UserDetails（）; 
  //   user.UserId = dtrow [UserId]。ToString（）;  
 user.Consumption = dtrow [ 消耗]。ToString（）; 
 user.MeterTimestamp = dtrow [  MeterTimestamp]。ToString（）; 
 details.Add（user）; 
} 
} 
} 
  return  details.ToArray（）; 
} 
  public   class  UserDetails 
 {
 < span class =code-comment> //   public string UserId {get;组; }  
  public   string 消费{获得;  set ; } 
  public   string  MeterTimestamp { get ;  set ; } 
} 
 
} 
}



就像这样在主页概念中使用但它没有显示网格数据在正常页面它工作正常y ???

它没有显示任何人可以帮助我这是非常紧急。

解决方案

< blockquote>（document）.ready（function（）{


.ajax（{
type：POST，
contentType：application / json; charset = utf-8，
url：WebForm3.aspx / BindDatatable，
数据：{}，
dataType：json，
成功：函数（数据） {
for（var i = 0; i < data.d.length; i ++） {


（ ＃gvDetails）附加（<表 > < tbody > < tr > < td > +（data.d [i] .Consumption）+< / td > < td > +（data.d [i] .MeterTimestamp）+< / td > < / tr > < / tbody > < / table > ）;
}
}，
错误：函数（结果）{
alert（错误）;
}
}）;
}）;
< / script >

< asp：GridView ID = gvDetails runat = < span class =code-keyword> server AutoGenerateColumns = false >
< HeaderStyle BackColor = ＃DC5807 字体粗体 = true ForeColor < span class =code-keyword> = 白色 / >



.cs代码 

 使用系统; 
 使用 System.Collections.Generic; 
 使用 System.Linq; 
 使用 System.Web; 
 使用 System.Web.Services; 
 使用 System.Web.Script.Services; 
 使用 System.Data; 
 
 
 命名空间 WaterMeter_Solution 
 {
  public   partial   class  WebForm3：System.Web.UI.Page 
 {
 
 受保护  void  Page_Load（ object  sender，EventArgs e）
 {
  if （！IsPostBack）
 {
 BindColumnToGridview（）; 
} 
} 
  ///   <  摘要 >  
   ///  此方法用于将虚拟行绑定到gridview以使用JQuery绑定数据
   ///   <   /摘要 >  
   private   void  BindColumnToGridview（）
 {
 DataTable dt =  new  DataTable（）; 
 dt.Columns.AddRange（ new  DataColumn [] { new  DataColumn（ 消耗）， new  DataColumn（  MeterTimestamp， typeof （DateTime））}）; 
 dt.Rows.Add（）; 
 gvDetails.DataSource = dt; 
 gvDetails.DataBind（）; 
 gvDetails.Rows [ 0 ]。可见=  false ; 
} 
 
 [WebMethod] 
  public   static  UserDetails [] BindDatatable（）
 {
 DateTime FromDate = DateTime.Today; 
 DataTable dt =  new  DataTable（）; 
 List< userdetails> details =  new  List< userdetails>（）; 
 {
 使用（OracleDataBase objdb =  new  OracleDataBase（））
 {
 dt = objdb.GetServiceWiseConsumption（  PR_GET_RECORDS_PER_SERVICE， 6 ，FromDate）; 
  foreach （DataRow dtrow  in  dt.Rows）
 {
 UserDetails user =  new  UserDetails（）; 
  //   user.UserId = dtrow [UserId]。ToString（）;  
 user.Consumption = dtrow [ 消耗]。ToString（）; 
 user.MeterTimestamp = dtrow [  MeterTimestamp]。ToString（）; 
 details.Add（user）; 
} 
} 
} 
  return  details.ToArray（）; 
} 
  public   class  UserDetails 
 {
 < span class =code-comment> //   public string UserId {get;组; }  
  public   string 消费{获得;  set ; } 
  public   string  MeterTimestamp { get ;  set ; } 
} 
 
} 
}



就像这样在主页概念中使用但它没有显示网格数据在正常页面它工作正常y ???

它没有显示任何人可以帮助我这是非常紧急。


<script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "WebForm3.aspx/BindDatatable",
                data: "{}",
                dataType: "json",
                success: function (data) {
                    for (var i = 0; i < data.d.length; i++) {

                       $("#gvDetails").append("<table><tbody><tr><td>" + (data.d[i].Consumption) + "</td><td>" + (data.d[i].MeterTimestamp) + "</td></tr></tbody></table>");
                    }
                },
                error: function (result) {
                    alert("Error");
                }
            });
        });
    </script>

  <asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="false">
        <HeaderStyle BackColor="#DC5807" Font-Bold="true" ForeColor="White" />


.cs code like

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using System.Data;


namespace WaterMeter_Solution
{
    public partial class WebForm3 : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindColumnToGridview();
            }
        }
        /// <summary>
        /// This method is used to bind dummy row to gridview to bind data using JQuery
        /// </summary>
        private void BindColumnToGridview()
        {
            DataTable dt = new DataTable();
            dt.Columns.AddRange(new DataColumn[] { new DataColumn("Consumption"), new DataColumn("MeterTimestamp", typeof(DateTime)) });
            dt.Rows.Add();
            gvDetails.DataSource = dt;
            gvDetails.DataBind();
            gvDetails.Rows[0].Visible = false;
        }

        [WebMethod]
        public static UserDetails[] BindDatatable()
        {
            DateTime FromDate = DateTime.Today;
            DataTable dt = new DataTable();
            List<userdetails> details = new List<userdetails>();
            {
                using (OracleDataBase objdb = new OracleDataBase())
                {
                    dt = objdb.GetServiceWiseConsumption("PR_GET_RECORDS_PER_SERVICE", 6, FromDate);
                    foreach (DataRow dtrow in dt.Rows)
                    {
                        UserDetails user = new UserDetails();
                     //   user.UserId = dtrow["UserId"].ToString();
                        user.Consumption = dtrow["Consumption"].ToString();
                        user.MeterTimestamp = dtrow["MeterTimestamp"].ToString();
                        details.Add(user);
                    }
                }
            }
            return details.ToArray();
        }
        public class UserDetails
        {
            //public string UserId { get; set; }
            public string Consumption { get; set; }
            public string MeterTimestamp { get; set; }
        }

    }
}


like this am using in master page concept but it is not showing grid data in normal pages it is working fine y???
it is not showing can any one help me for this it s very urgent.

解决方案

(document).ready(function () {


.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "WebForm3.aspx/BindDatatable", data: "{}", dataType: "json", success: function (data) { for (var i = 0; i < data.d.length; i++) {


("#gvDetails").append("<table><tbody><tr><td>" + (data.d[i].Consumption) + "</td><td>" + (data.d[i].MeterTimestamp) + "</td></tr></tbody></table>"); } }, error: function (result) { alert("Error"); } }); }); </script> <asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="false"> <HeaderStyle BackColor="#DC5807" Font-Bold="true" ForeColor="White" />


.cs code like

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
using System.Data;


namespace WaterMeter_Solution
{
    public partial class WebForm3 : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindColumnToGridview();
            }
        }
        /// <summary>
        /// This method is used to bind dummy row to gridview to bind data using JQuery
        /// </summary>
        private void BindColumnToGridview()
        {
            DataTable dt = new DataTable();
            dt.Columns.AddRange(new DataColumn[] { new DataColumn("Consumption"), new DataColumn("MeterTimestamp", typeof(DateTime)) });
            dt.Rows.Add();
            gvDetails.DataSource = dt;
            gvDetails.DataBind();
            gvDetails.Rows[0].Visible = false;
        }

        [WebMethod]
        public static UserDetails[] BindDatatable()
        {
            DateTime FromDate = DateTime.Today;
            DataTable dt = new DataTable();
            List<userdetails> details = new List<userdetails>();
            {
                using (OracleDataBase objdb = new OracleDataBase())
                {
                    dt = objdb.GetServiceWiseConsumption("PR_GET_RECORDS_PER_SERVICE", 6, FromDate);
                    foreach (DataRow dtrow in dt.Rows)
                    {
                        UserDetails user = new UserDetails();
                     //   user.UserId = dtrow["UserId"].ToString();
                        user.Consumption = dtrow["Consumption"].ToString();
                        user.MeterTimestamp = dtrow["MeterTimestamp"].ToString();
                        details.Add(user);
                    }
                }
            }
            return details.ToArray();
        }
        public class UserDetails
        {
            //public string UserId { get; set; }
            public string Consumption { get; set; }
            public string MeterTimestamp { get; set; }
        }

    }
}


like this am using in master page concept but it is not showing grid data in normal pages it is working fine y???
it is not showing can any one help me for this it s very urgent.


这篇关于Json数据未显示在网格中（在母版页中）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发语言最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆