extjs 调用 webservice 的问题

chessman_mak 2010-01-19 02:14:29
我想利用ExtJS来调用WebService来做一个GridPanel.


我的WebService是





using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using BLL;



namespace ExtJs_Demo

{

    /// <summary>

    /// PttGetData 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

    [System.Web.Script.Services.ScriptService]

    public class PttGetData : System.Web.Services.WebService

    {



        CancelAfterVerify cav = new CancelAfterVerify();



        [WebMethod]

        public List<PttCmd> CancelableTerminal()

        {

            List<PttCmd> setOfTerminId = new List<PttCmd>(cav.qryCancelableTerminal());

            return setOfTerminId;

        }

    }

}



我的JavaScript语句是







   function f() {

            Ext.Ajax.request({

                url: 'PttGetData.asmx/CancelableTerminal', // Webservice的地址以及方法名

                method: 'POST', // poste 方式传递

                success: onSuccess



            });

        }



        function onSuccess(request, options) {



            var result = Ext.util.JSON.decode(request.responseText);

            Ext.Msg.alert('Result', request.responseText);

        }



这个JS的写法.如果我从WebService中传一个String类型的值出来就能够正常弹出MSSAGEBOX和内容..但是我现在要从WebService传一个LIST到页面. 这个JS就拿不到了.. 我应该怎样写呢??

我看了ExtJS官网上的例子.. 它是用这样的写法来设置数据源.






Ext.onReady(function() {





//creat the proxy

var proxy = new Ext.data.HttpProxy({url:'../PttGetData.asmx/Helloworld'});

//creat reader

var reader = new Ext.data.JsonReader({},[{name:'Terminal ID',mapping:'TermId'}]);

//data source

var store = new Ext.data.Store({

            proxy:proxy,

            reader:reader

            });

});




大家帮我看看应该怎样改???

谢谢了
...全文
1519 11 打赏 收藏 举报
写回复
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
C16250 2010-08-17
  • 打赏
  • 举报
 回复

请问楼主问题解决了没有啊。。。
chessman_mak 2010-02-01
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 binerhh 的回复:]
引用 6 楼 chessman_mak 的回复:
引用 5 楼 zhyzdl 的回复:
study


好阿..


问题解决~


我的webservice改成这样写..


C# codenamespace ExtJs_Demo
{/// <summary>/// PttGetData 的摘要说明/// </summary>    [WebService(Namespace="http://tempuri.org/")]
    [WebServiceBinding(ConformsTo= WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。    [System.Web.Script.Services.ScriptService]publicclass PttGetData : System.Web.Services.WebService
    {

        CancelAfterVerify cav=new CancelAfterVerify();

        [WebMethod]
        [ScriptMethod(ResponseFormat= ResponseFormat.Json,
    UseHttpGet=true, XmlSerializeString=false)]public List <PttCmd> CancelableTerminal()
        {
            List <PttCmd> setOfTerminId=new List <PttCmd>(cav.qryCancelableTerminal());return setOfTerminId;
        }


    }
}


然后我的js改成这样子...

其实我的JS并没有多大的改变..只是把XMLREADER改为JSONSTORE

JScript code


Ext.onReady(function() {var myStore=new Ext.data.JsonStore({// Load data at once        autoLoad:true,// Override default http proxy settings        proxy:new Ext.data.HttpProxy({// Call web service method using GET syntax            url:'PttGetData.asmx/CancelableTerminal',// Ask for Json response            headers: {'Content-type':'application/json' }
        }),// Root variable        root:'d',// Record identifier// Fields declaration        fields: ['TermId']
    });var grid=new Ext.grid.GridPanel({// Set store        store: myStore,// Columns definition        columns: [
        { header:"Terminal ID", width:300, dataIndex:'TermId', sortable:true }
                ],// Render grid to dom element with id set to panel        renderTo:'CAV',
        width:800,
        height:400
    });
    myStore.load();

});



ScriptMethod是什么，我用了后怎么提示错误呢？请帮忙。
[/Quote]


你的scriptMethod是不是没using阿?>?
binerhh 2010-01-29
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 chessman_mak 的回复:]
引用 5 楼 zhyzdl 的回复:
study


好阿..


问题解决~


我的webservice改成这样写..


C# codenamespace ExtJs_Demo
{///<summary>/// PttGetData 的摘要说明///</summary> [WebService(Namespace="http://tempuri.org/")]
[WebServiceBinding(ConformsTo= WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService]publicclass PttGetData : System.Web.Services.WebService
{

CancelAfterVerify cav=new CancelAfterVerify();

[WebMethod]
[ScriptMethod(ResponseFormat= ResponseFormat.Json,
UseHttpGet=true, XmlSerializeString=false)]public List<PttCmd> CancelableTerminal()
{
List<PttCmd> setOfTerminId=new List<PttCmd>(cav.qryCancelableTerminal());return setOfTerminId;
}


}
}


然后我的js改成这样子...

其实我的JS并没有多大的改变..只是把XMLREADER改为JSONSTORE

JScript code


Ext.onReady(function() {var myStore=new Ext.data.JsonStore({// Load data at once autoLoad:true,// Override default http proxy settings proxy:new Ext.data.HttpProxy({// Call web service method using GET syntax url:'PttGetData.asmx/CancelableTerminal',// Ask for Json response headers: {'Content-type':'application/json' }
}),// Root variable root:'d',// Record identifier// Fields declaration fields: ['TermId']
});var grid=new Ext.grid.GridPanel({// Set store store: myStore,// Columns definition columns: [
{ header:"Terminal ID", width:300, dataIndex:'TermId', sortable:true }
],// Render grid to dom element with id set to panel renderTo:'CAV',
width:800,
height:400
});
myStore.load();

});
[/Quote]


ScriptMethod是什么，我用了后怎么提示错误呢？请帮忙。
chessman_mak 2010-01-20
  • 打赏
  • 举报
 回复
顶一下
chessman_mak 2010-01-20
  • 打赏
  • 举报
 回复
顶!!!!!
chessman_mak 2010-01-19
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 zhyzdl 的回复:]
study
[/Quote]

好阿..


问题解决~


我的webservice改成这样写..








namespace ExtJs_Demo

{

    /// <summary>

    /// PttGetData 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。

    [System.Web.Script.Services.ScriptService]

    public class PttGetData : System.Web.Services.WebService

    {



        CancelAfterVerify cav = new CancelAfterVerify();



        [WebMethod]

        [ScriptMethod(ResponseFormat = ResponseFormat.Json,

     UseHttpGet = true, XmlSerializeString = false)]



        public List<PttCmd> CancelableTerminal()

        {

            List<PttCmd> setOfTerminId = new List<PttCmd>(cav.qryCancelableTerminal());

            return setOfTerminId;

        }





    }

}




然后我的js改成这样子...

其实我的JS并没有多大的改变..只是把XMLREADER改为JSONSTORE







Ext.onReady(function() {



    var myStore = new Ext.data.JsonStore({

        // Load data at once

        autoLoad: true,

        // Override default http proxy settings

        proxy: new Ext.data.HttpProxy({

            // Call web service method using GET syntax

            url: 'PttGetData.asmx/CancelableTerminal',

            // Ask for Json response

            headers: { 'Content-type': 'application/json' }

        }),

        // Root variable 

        root: 'd',

        // Record identifier



        // Fields declaration

        fields: ['TermId']

    });



    var grid = new Ext.grid.GridPanel({

        // Set store

        store: myStore,

        // Columns definition

        columns: [

        { header: "Terminal ID", width: 300, dataIndex: 'TermId', sortable: true }

                 ],

        // Render grid to dom element with id set to panel

        renderTo: 'CAV',

        width: 800,

        height: 400

    });

    myStore.load();



});
zhyzdl 2010-01-19
  • 打赏
  • 举报
 回复
study
chessman_mak 2010-01-19
  • 打赏
  • 举报
 回复
我单独调试了webservice一下.. 发现它输出的是xml的格式.所以我去掉了[System.Web.Script.Services.ScriptService] 直接从javascript那里用xmlreader来读..不过还是没有内容. 怎么回事呢??

WEBSERVICE输出这样子的XML





<ArrayOfPttCmd>

−

<PttCmd>

<MsgTime>0001-01-01T00:00:00</MsgTime>

<TermId>GZ0026</TermId>

<MsgWay>0</MsgWay>

<IsSucc>0</IsSucc>

<T_isRec>0</T_isRec>

<T_IsCommit>0</T_IsCommit>

<SendTime>0001-01-01T00:00:00</SendTime>

<RecvTime>0001-01-01T00:00:00</RecvTime>

<CommitTime>0001-01-01T00:00:00</CommitTime>

<StartTime>0001-01-01T00:00:00</StartTime>

<EndTime>0001-01-01T00:00:00</EndTime>

<OperTime>0001-01-01T00:00:00</OperTime>

</PttCmd>

−

<PttCmd>

<MsgTime>0001-01-01T00:00:00</MsgTime>

<TermId>GZ5566</TermId>

<MsgWay>0</MsgWay>

<IsSucc>0</IsSucc>

<T_isRec>0</T_isRec>

<T_IsCommit>0</T_IsCommit>

<SendTime>0001-01-01T00:00:00</SendTime>

<RecvTime>0001-01-01T00:00:00</RecvTime>

<CommitTime>0001-01-01T00:00:00</CommitTime>

<StartTime>0001-01-01T00:00:00</StartTime>

<EndTime>0001-01-01T00:00:00</EndTime>

<OperTime>0001-01-01T00:00:00</OperTime>

</PttCmd>

−

<PttCmd>

<MsgTime>0001-01-01T00:00:00</MsgTime>

<TermId>SH1897</TermId>

<MsgWay>0</MsgWay>

<IsSucc>0</IsSucc>

<T_isRec>0</T_isRec>

<T_IsCommit>0</T_IsCommit>

<SendTime>0001-01-01T00:00:00</SendTime>

<RecvTime>0001-01-01T00:00:00</RecvTime>

<CommitTime>0001-01-01T00:00:00</CommitTime>

<StartTime>0001-01-01T00:00:00</StartTime>

<EndTime>0001-01-01T00:00:00</EndTime>

<OperTime>0001-01-01T00:00:00</OperTime>

</PttCmd>

</ArrayOfPttCmd>



我只需要拿到TermId 其它的都不需要..
chessman_mak 2010-01-19
  • 打赏
  • 举报
 回复
.... 我有用json阿.. 我的web service那里加了一句[System.Web.Script.Services.ScriptService]

会自动转为JSON吧.~


我改了一下js的写法







Ext.onReady(function() {



    var store = new Ext.data.Store({

        url: 'PttGetData.asmx/CancelableTerminal',

        reader: new Ext.data.XmlReader({

            record: 'PttCmd'

        },

             [{ name: 'TermId', mapping: 'PttCmd->TermId' }

            ])

    });



    var grid = new Ext.grid.GridPanel({

        store: store,

        columns: [

             { header: "Terminal ID", width: 120, dataIndex: 'TermId', sortable: true }

         ],

        renderTo: 'CAV',

        width: 540,

        height: 200

    });



    store.load();

});



这样子有点眉目了.. 但是只能读出一个PANEL..不能读出其中的数据..
qq497525725 2010-01-19
  • 打赏
  • 举报
 回复
js怎么知道list是什么东东？
用json吧
sohighthesky 2010-01-19
  • 打赏
  • 举报
 回复
js怎么知道list是什么东东？
用json吧
相关推荐
WebService之CXF入门视频教程
WebService之CXF视频培训教程，该课程分为四个部分讲解Java cxf技术、包括Webservice基本概念、JAX-WS方式开发WebService应用、JAX-RS方式开发WebServiec应用、SpringBoot整合CXF开发WebService应用。
extJs 2.1学习笔记(通信篇)
　　javascript通过XHR调用WebService。两个问题必须解决： 　　一、如何传值给WebService，有什么格式要求没有？ 　　二、如何接收从WebService传过来的结果？ 　　此二者我辈不能不察也。asp.net的WebService默认是序列化成json格式的，所以，我们在客户端传值时，最好用json传，反映到ExtJs中。就是Ext.Ajax.requ...
Java全栈工程师-Apache CXF

  1. 本课程讲解CXF的JAX-WS方式开发WebService的服务端和客户端 
  2. 本课程讲解CXF的JAX-RS注解方式开发WebService的服务端和客户端 
  3. 本课程讲解SpringBoot整合CXF开发WebService

发帖
JavaScript

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-19 02:14
社区公告
暂无公告