|
最近一個web項目用到了extaspnet
這個開源的框架寫的不錯,，很有潛力,，但資料相對匱乏
所以在這里我把在QQ交流群里解答的一些網(wǎng)友問題也羅列在這邊，方便大家查閱
我的開發(fā)環(huán)境:WIN7+VS2008+IE 8.0+MSSQL2000,其它瀏覽器主要測試Firefox和Chrome
1.如何在后臺動態(tài)修改window的寬度,高度?
答:基于extjs的頁面AJAX創(chuàng)建機(jī)制,，后臺改一些控件的屬性樣式
不可透過傳統(tǒng)的方法如:window1.width=600;要透過CSS
前臺aspx(初始寬度設(shè)為600):
- <ext:Window ID="Window1" runat="server" Height="350px" IsModal="true" Popup="false"
- Title="Window" CssStyle="width:600" IFrameUrl="test.aspx" EnableIFrame="true">
- </ext:Window>
后臺(c#):
- protected void Button1_Click(object sender, EventArgs e)
- { ExtAspNet.PageContext.RegisterStartupScript("Ext.getDom(" + Window1.ClientID + ").style.width=900;");
- }
寫法適用于extaspnet其它容器控件,，比如說panel,form...
2.后臺按鈕觸發(fā)時報JS錯的怪異問題?
描述起來有點(diǎn)麻煩,頁面有Toolbar,TabStrip,含2個tab,其中tab2有g(shù)rid,其中一列為
<ext:CheckBoxField DataField="Selected" HeaderText="選擇" RenderAsStaticField="false" />
當(dāng)頁面加載后直接觸發(fā)toolbar按鈕事件就會報一個JS的錯誤，但如果先手動切換tab2后,，再觸發(fā)就無礙,，坑爹吧
答:grid的這列如果RenderAsStaticField="true"就不會報錯，從JS報錯分析,，是grid上面的checkbox列未初始化(tab2未激活),，既然通過手工切換tab(激活tab2)就可避免，我們用JS來實現(xiàn)即可
- <mce:script type="text/javascript"><!--
- function onReady() {
- var mainTabStrip = Ext.getCmp('<%= TabStrip1.ClientID %>');
- var tabID1 = '<%= Tab1.ClientID %>';
- var tabID2 = '<%= Tab2.ClientID %>';
- mainTabStrip.setActiveTab(tabID2);
- mainTabStrip.setActiveTab(tabID1);
- }
-
- // --></mce:script>
3.tree放到了regionpanel中,，就無法觸發(fā)nodecommand的bug?
答:看上去又是一個控件bug,，如何解決，調(diào)試控件源碼,，有耐心當(dāng)然可以,，沒耐心咋辦，換個思路
- protected void Page_Load(object sender, EventArgs e)
- {
- if (!IsPostBack)
- {
- }
- else
- {
- if (Request.Form["__EVENTARGUMENT"] == "Command$n1$$")
- {
- ExtAspNet.Alert.Show("n1很蛋疼");
- }
- if (Request.Form["__EVENTARGUMENT"] == "Command$n2$$")
- {
- ExtAspNet.Alert.Show("n2很蛋疼");
- }
- if (Request.Form["__EVENTARGUMENT"] == "Command$n3$$")
- {
- ExtAspNet.Alert.Show("n3很蛋疼");
- }
- }
- }
n1,n2,n3是tree中節(jié)點(diǎn)的nodeid,雖然觸發(fā)不了節(jié)點(diǎn)click事件,，但是設(shè)置了節(jié)點(diǎn)的enabledpostback后,，點(diǎn)擊節(jié)點(diǎn)還是可以觸發(fā)postback事件的，把邏輯寫在Page_Load的postback事件里面,，并且通過事件名稱判斷 "Command$節(jié)點(diǎn)NODEID$$",，
就可以了
注意，這種通過postback來寫后臺邏輯的方法,，很實用,，特別是在頁面之間傳值啊，父子窗體聯(lián)動刷新關(guān)閉啊等等,。
4.extaspnet中動態(tài)控件的寫法
答:寫法和asp.net傳統(tǒng)沒啥區(qū)別,，但有一些基于AJAX要注意的地方，那就是創(chuàng)建控件的時機(jī),，請看代碼
前臺:一個空的form
- <ext:Form ID="Form2" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
- Title="Form" OnInit="Form2_Init" >
- <Rows>
- </Rows>
- </ext:Form>
后臺:
- protected void Form2_Init(object sender, EventArgs e)
- {
- SqlConnection myConnect = new SqlConnection(ConfigurationManager.ConnectionStrings["Conn"].ToString());
- SqlDataAdapter custDA = new SqlDataAdapter("select * from [user]", myConnect);
- myConnect.Open();
- DataSet custDS = new DataSet();
- custDA.Fill(custDS, "cc");
- ExtAspNet.DropDownList c1 = new ExtAspNet.DropDownList();
- c1.ShowLabel = false;
- c1.DataTextField="username";
- c1.DataValueField = "userid";
- c1.DataSource = custDS;
- c1.DataBind();
- ExtAspNet.FormRow fr = new ExtAspNet.FormRow();
- fr.Items.Add(c1);
- ExtAspNet.Label l = new ExtAspNet.Label();
- l.Label = "";
- l.Text = "";
- fr.Items.Add(l);
- fr.ColumnWidths = "10% 90%";
- Form2.Rows.Add(fr)
這段代碼是在form2中創(chuàng)建一行,，并在里面創(chuàng)建一個下拉框,，下拉框內(nèi)容取自數(shù)據(jù)庫一個表[user]
取值:
- protected void Button1_Click(object sender, EventArgs e)
- {
- foreach (ExtAspNet.FormRow fr in Form2.Rows)
- {
- foreach (object c in fr.Controls)
- {
- if (c.GetType().ToString() == "ExtAspNet.DropDownList")
- {
- ExtAspNet.DropDownList c1 = (ExtAspNet.DropDownList)c;
- ExtAspNet.Alert.Show(c1.SelectedValue);
- }
- }
- }
- }
代碼是傳統(tǒng)寫法,，但注意觸發(fā)的事件,，extaspnet的動態(tài)控件，只可以寫在page或者容器控件的Init事件中
問題來了,，一般設(shè)計中,，要用到動態(tài)控件，一般都是由用戶選擇了某個項目,，然后動態(tài)創(chuàng)建對應(yīng)的控件或者頁面
比如想做一個萬能查詢功能,，點(diǎn)擊增加按鈕，新增一行查詢條件...,，要想在extaspnet中實現(xiàn),，怎么做？
我想可以通過iframe(window)的方式來實現(xiàn),。有時間我再寫個例子,。
5
.extaspnet中上傳控件的寫法
作者沒有編寫上傳控件，但有承諾會給一套FLASH的上傳方案,，嵌入在里面,，實現(xiàn)大文件的上傳，這個網(wǎng)上有源碼
這里要提醒的是,，就算你在ContentPanel控件里面加上<asp:FileUpload />,，你也無法實現(xiàn)上傳，因為extjs的局部刷新機(jī)制,，你根本取不到上傳的文件名,，我的建議是，你想用上傳,，這個頁面就不要用到extaspnet(或者PageManager 的 EnableAjax
=
"false"
),。
|
