如何将对象列表从服务器端传递给Javascript [英] How Can I Pass List Of Object From Server Side To Javascript

问题描述

我在JqGrid工作

i能够显示popUp网格。

但我需要将所有用户加载到jqGrid。

请你帮帮我。

 $（  #jqgEmpSearch）。jqGrid（{
 url：  Servicelibrary / employeesearch.aspx， //  ？empid =+ $（[id * = txtSrchEmpID]）。val（）+， 
数据类型：  json，
 colNames：['  Emp Number'，'  Emp Name']， //   UM_Employee_Number UM_FirstName  
 colModel：[
 {name：' < span class =code-string> UM_Employee_Number'，index：'  UM_Employee_Number'， width：'  150'}，
 {name：'  UM_FirstName'，index：'  UM_FirstName'，width：'  150'} 
]，
 rowNum： 5 ，
 rowList：[ 5 ， 10 ， 20 ， 30 ， 40 ， 50 ]，
寻呼机：' ＃divSearchEmpDetals'，
 sortname：'  EmpNum' ，
 viewrecords： true ，
 pager：'  #jqgDiv'，
搜索： true ，
标题： 员工搜索结果 
 
 
}）
 
代码支持
  protected   void  Page_Load（ object  sender，EventArgs e） 
 {
  if （！Page.IsPostBack）
 {
 JavaScriptSerializer javaSerializer =  new  JavaScriptSerializer（）; 
 
 TCSRR.DMTController.Users SearchUser =  new  TCSRR.DMTController.Users（）; 
列表<用户> lstSearchUser =  new  List< User>（）; 
 lstSearchUser = SearchUser.getSearchUser（）; 
 
  //  返回Json（model，JsonRequestBehavior.AllowGet）;  
 Response.Write（lstSearchUser.ToJSON（））; 
} 

我可以获取数据到列表对象代码，但我不知道如何将此列表对象传递给jqGrid 。

解决方案

（ #jqgEmpSearch）。jqGrid（{
url： Servicelibrary / employeesearch.aspx， // ？empid =+

（[id * = txtSrchEmpID]） .val（）+，
数据类型： json，
colNames：[' Emp Number'， ' Emp Name']， // UM_Employee_Number UM_FirstName
colModel：[
{name：' UM_Employee_Number'，index：' UM_Employee_Number'，width：' 150'}，
{name：' UM_FirstName'，index：' UM_FirstName'，width：' 150'}
] ，
rowNum： 5 ，
rowList：[ 5 ， 10 ， 20 ， 30 ， 40 ， 50 ]，
pager：' ＃divSearchEmpDetals'，
sortname：' EmpNum'< /跨度> ，
viewrecords： true ，
pager：' #jqgDiv'，
搜索： true ，
标题： 员工搜索结果


}）

代码落后于
protected void Page_Load（ object sender， EventArgs e）
{
if （！Page.IsPostBack）
{
JavaScriptSerializer javaSerializer = new JavaScriptSerializer（）;

TCSRR.DMTController.Users SearchUser = new TCSRR.DMTController.Users（）;
列表<用户> lstSearchUser = new List< User>（）;
lstSearchUser = SearchUser.getSearchUser（）;

// 返回Json（model，JsonRequestBehavior.AllowGet）;
Response.Write（lstSearchUser.ToJSON（））;
}

我可以获取数据到列表对象代码，但我不知道如何将此列表对象传递给jqGrid 。

您需要在ASP.NET页面上生成代码中对象定义的一些Javascript代码的文本。它看起来像JSON（它本身是Javascript的一部分）。可以对文本进行参数化，具体取决于服务器端的数据。当HTML页面（包含Javascript）在HTTP响应中返回时，客户端（浏览器）将能够读取数据。

-SA

I'm working in JqGrid
i can able to display popUp grid.
but i need to load all the user into jqGrid.
could u please help me on this.

$("#jqgEmpSearch").jqGrid({
    url:"Servicelibrary/employeesearch.aspx",    //?empid="+$("[id*=txtSrchEmpID]").val()+"",
    datatype:"json",
    colNames:['Emp Number','Emp Name'], // UM_Employee_Number UM_FirstName
    colModel:[
              {name:'UM_Employee_Number', index:'UM_Employee_Number',width:'150'},
              {name:'UM_FirstName', index:'UM_FirstName',width:'150'}
             ],
    rowNum:5,
    rowList:[5,10,20,30,40,50],
    pager:'#divSearchEmpDetals',
    sortname:'EmpNum',
    viewrecords:true,
    pager:'#jqgDiv',
    search:true,
    caption:"Employee Search Result"


 })

 code behind
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack)
        {
            JavaScriptSerializer javaSerializer = new JavaScriptSerializer();
            
            TCSRR.DMTController.Users SearchUser = new TCSRR.DMTController.Users();
            List<User> lstSearchUser = new List<User>();
            lstSearchUser = SearchUser.getSearchUser();

            //return Json(model, JsonRequestBehavior.AllowGet);
            Response.Write(lstSearchUser.ToJSON());
        }

I can get the data to List Object code behind but i dont knw how to pass this list object to jqGrid.

解决方案

("#jqgEmpSearch").jqGrid({ url:"Servicelibrary/employeesearch.aspx", //?empid="+

("[id*=txtSrchEmpID]").val()+"", datatype:"json", colNames:['Emp Number','Emp Name'], // UM_Employee_Number UM_FirstName colModel:[ {name:'UM_Employee_Number', index:'UM_Employee_Number',width:'150'}, {name:'UM_FirstName', index:'UM_FirstName',width:'150'} ], rowNum:5, rowList:[5,10,20,30,40,50], pager:'#divSearchEmpDetals', sortname:'EmpNum', viewrecords:true, pager:'#jqgDiv', search:true, caption:"Employee Search Result" }) code behind protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) { JavaScriptSerializer javaSerializer = new JavaScriptSerializer(); TCSRR.DMTController.Users SearchUser = new TCSRR.DMTController.Users(); List<User> lstSearchUser = new List<User>(); lstSearchUser = SearchUser.getSearchUser(); //return Json(model, JsonRequestBehavior.AllowGet); Response.Write(lstSearchUser.ToJSON()); }

I can get the data to List Object code behind but i dont knw how to pass this list object to jqGrid.

You need to generate the text of some Javascript code with the definition of the object in your code behind on your ASP.NET page. It would look like JSON (which is itself a part of Javascript). The text can be parametrized, depending on the data you have on server side. When the HTML page (containing Javascript) returns in an HTTP response, client side (browser) will be able to read the data.

—SA

这篇关于如何将对象列表从服务器端传递给Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！