asp.net webform中的ext.net使用

ext.net是对ext.js进行封装的net控件库，能够砸webform 和mvc中使用，从今天器我会对这一年多的ext.net开发进行一些对应的总结。

首先针对ext.net进行引用：

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

然后是页面载入 DocumentReady 类似于onload事件表示页面载入

完之后要运行的事件。getHeight();这个是我自己定义的一个自适应

高度的脚本

 

<ext:ResourceManager ID="ResourceManager1" runat="server">
        <Listeners>
            <DocumentReady Handler="getHeight();" />
        </Listeners>
</ext:ResourceManager>

接着是异步调用cs后台程序的两种方法

（1）js异步调用后台方法：

Js脚本：

function PendingForm() {
   jsonData = Ext.encode(Ext.pluck(StoreWstepUser.data.items, 'data')); //得?到?
store的?json格?式?

   
 Ext.net.DirectMethods.SaveData(2, jsonData,  {//调用后台方法后台方法SaveData(string fstate,string jsondata)
        success: function (result) {
            if (result > 0) {//推断返回值
                parent.PendingToDo(result);
            }
        },
        failure: function (errorMsg) {
            Ext.Msg.alert('Failure', errorMsg);
        }
    });
}

后台代码：

 [DirectMethod]
    public void SaveData(string fstate,string jsondata)
    {
 
}

 

 

（2）直接调用

首先定义相应store

      

  <ext:Store runat="server" ID="storAorder" OnSubmitData="BtnToExcel_Click">
            <DirectEventConfig IsUpload="true" />
            <Reader>
                <ext:JsonReader>
                    <Fields>
                        <ext:RecordField Name="ID">
                        </ext:RecordField>
</Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>
 

定义button事件：

<ext:Button ID="Button4" runat="server" Text="导?出?
Excel" Icon="PageExcel">
                                                <Listeners>
                                                    <Click Handler="GridPanel2.submitData(false);" />
                                                </Listeners>
                                            </ext:Button>

编写后台程序：

  

 public void BtnToExcel_Click(object sender, StoreSubmitDataEventArgs e)
    {
}