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) { }