如何在同一页面上绑定服务器端和客户端上的gridview。 [英] How to bind gridview on server side and client at same page.

问题描述

如果我在page_load上绑定gridview，则搜索按钮客户端事件已触发，但gridview在静态webmethod处获取null或在静态webmethod内部调用同一页面的其他方法。





我的Jquery方法：

 function GetUserDetails（）{debugger; 
 
  var  grdUserDetails = document.getElementById（  ContentPlaceHolder1_grdUserDetails）; 
  if （ddlCities ==  null ）
 ddlCities =  0 ; 
 $ .ajax（{
 type：  POST，
 url：  UserDetails.aspx / UserListDetails，
 data：  {} 
 contentType：  application / json，
 dataType：  json ，
成功：函数（响应）{ //  调试器;  
  //   OnSuccess（响应）;  
 alert（'  success'）; 
}，
错误：函数（响应）{
  //  调试器;  
} 
}）; 
  return   false ; 
} 
 
 
  //  网络方法//  
 [WebMethod] 
  public   static 列表< usp_get_userview_details_test_result> UserListDetails（） //  ， 
 {
 使用（Pel_DataEntities1 objPelData =  new  Pel_DataEntities1（））
 {
 grd =  new  GridView（）; 
  var  UserData = objPelData.USP_GET_USERVIEW_DETAILS_Test（）。ToList（）; 
 UserDetails bb =  new  UserDetails（）;  //  页面类对象 
  //   grdUser.DataSource = UserData;  
  //   grdUser.DataBind（）;  
  //   bb.grdUserDetails.DataSource = UserData ;  
  //   bb.grdUserDetails.DataBind（）;  
  //   bb.Getmethod（UserData）;  
 
 grd.DataSource =用户数据; 
 grd.DataBind（）; 
 bb.asddf（grd）; 
  return  UserData; 
} 
} 
  public   void  asddf（GridView gg）
 {
 grdUserDetails = gg; 
  //   grdUserDetails.DataBind（）;  
} < /   usp_get_userview_details_test_result  >  

解决方案

.ajax（{
type： POST，
url： UserDetails.aspx / UserListDetails ，
数据： {}
contentType： application / json，
dataType： json，
success：function（response）{ // 调试ger;
// OnSuccess（响应）;
alert （' success'）;
}，
错误：函数（响应）{
// 调试器;
}
}）;
return false ;
}


// 网络方法//
[WebMethod]
public static 列表< usp_get_userview_details_test_result> UserListDetails（） // ，
{
使用（Pel_DataEntities1 objPelData = new Pel_DataEntities1（））
{
grd = new GridView（）;
var UserData = objPelData.USP_GET_USERVIEW_DETAILS_Test（）。ToList（）;
UserDetails bb = new UserDetails（）; // 页面类对象
// grdUser.DataSource = UserData;
// grdUser.DataBind（）;
// bb.grdUserDetails.DataSource = UserData ;
// bb.grdUserDetails.DataBind（）;
// bb.Getmethod（UserData）;

grd.DataSource =用户数据;
grd.DataBind（）;
bb.asddf（grd）;
return UserData;
}
}
public void asddf（GridView gg）
{
grdUserDetails = gg;
// grdUserDetails.DataBind（）;
} < / usp_get_userview_details_test_result >

If I bind gridview on page_load, then search button client side event fired but gridview getting null at static webmethod OR Other method of same page called inside static webmethod.


my Jquery Method:

function GetUserDetails() {debugger;
        
          var grdUserDetails = document.getElementById("ContentPlaceHolder1_grdUserDetails");
          if (ddlCities == null)
              ddlCities = 0;
          $.ajax({
              type: "POST",
              url: "UserDetails.aspx/UserListDetails",
              data: "{}"
              contentType: "application/json",
              dataType: "json",
              success: function (response) {// debugger;
                  // OnSuccess(response);
                  alert('success');
              },
              error: function (response) {
                  // debugger;
              }
          });
          return false;
      }


// web method //
 [WebMethod]
    public static List<usp_get_userview_details_test_result> UserListDetails() //,
    {  
        using (Pel_DataEntities1 objPelData = new Pel_DataEntities1())
        {
            grd = new GridView();
            var UserData = objPelData.USP_GET_USERVIEW_DETAILS_Test().ToList();
            UserDetails bb = new UserDetails(); // page class object
            //grdUser.DataSource = UserData;
            //grdUser.DataBind();
           // bb.grdUserDetails.DataSource = UserData;
          // bb.grdUserDetails.DataBind();
            //bb.Getmethod(UserData);
            
            grd.DataSource = UserData;
            grd.DataBind();
            bb.asddf(grd);
            return UserData;
        }
    }
 public void asddf(GridView gg)
    {
        grdUserDetails = gg;
       // grdUserDetails.DataBind();
    }</usp_get_userview_details_test_result>

解决方案

.ajax({ type: "POST", url: "UserDetails.aspx/UserListDetails", data: "{}" contentType: "application/json", dataType: "json", success: function (response) {// debugger; // OnSuccess(response); alert('success'); }, error: function (response) { // debugger; } }); return false; } // web method // [WebMethod] public static List<usp_get_userview_details_test_result> UserListDetails() //, { using (Pel_DataEntities1 objPelData = new Pel_DataEntities1()) { grd = new GridView(); var UserData = objPelData.USP_GET_USERVIEW_DETAILS_Test().ToList(); UserDetails bb = new UserDetails(); // page class object //grdUser.DataSource = UserData; //grdUser.DataBind(); // bb.grdUserDetails.DataSource = UserData; // bb.grdUserDetails.DataBind(); //bb.Getmethod(UserData); grd.DataSource = UserData; grd.DataBind(); bb.asddf(grd); return UserData; } } public void asddf(GridView gg) { grdUserDetails = gg; // grdUserDetails.DataBind(); }</usp_get_userview_details_test_result>

这篇关于如何在同一页面上绑定服务器端和客户端上的gridview。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！