|
最近一个web项目用到了extaspnet
这个开源的框架写的不错，很有潜力，但资料相对匮乏
所以在这里我把在QQ交流群里解答的一些网友问题也罗列在这边，方便大家查阅
我的开发环境:WIN7+VS2008+IE 8.0+MSSQL2000,其它浏览器主要测试Firefox和Chrome
1.如何在后台动态修改window的宽度,高度?
答:基于extjs的页面AJAX创建机制，后台改一些控件的属性样式
不可透过传统的方法如:window1.width=600;要透过CSS
前台aspx(初始宽度设为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.后台按钮触发时报JS错的怪异问题?
描述起来有点麻烦,页面有Toolbar,TabStrip,含2个tab,其中tab2有grid,其中一列为
<ext:CheckBoxField DataField="Selected" HeaderText="选择" RenderAsStaticField="false" />
当页面加载后直接触发toolbar按钮事件就会报一个JS的错误，但如果先手动切换tab2后，再触发就无碍，坑爹吧
答:grid的这列如果RenderAsStaticField="true"就不会报错，从JS报错分析，是grid上面的checkbox列未初始化(tab2未激活)，既然通过手工切换tab(激活tab2)就可避免，我们用JS来实现即可
- <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中，就无法触发nodecommand的bug?
答:看上去又是一个控件bug，如何解决，调试控件源码，有耐心当然可以，没耐心咋办，换个思路
- 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中节点的nodeid,虽然触发不了节点click事件，但是设置了节点的enabledpostback后，点击节点还是可以触发postback事件的，把逻辑写在Page_Load的postback事件里面，并且通过事件名称判断 "Command$节点NODEID$$"，
就可以了
注意，这种通过postback来写后台逻辑的方法，很实用，特别是在页面之间传值啊，父子窗体联动刷新关闭啊等等。
4.extaspnet中动态控件的写法
答:写法和asp.net传统没啥区别，但有一些基于AJAX要注意的地方，那就是创建控件的时机，请看代码
前台:一个空的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中创建一行，并在里面创建一个下拉框，下拉框内容取自数据库一个表[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);
- }
- }
- }
- }
代码是传统写法，但注意触发的事件，extaspnet的动态控件，只可以写在page或者容器控件的Init事件中
问题来了，一般设计中，要用到动态控件，一般都是由用户选择了某个项目，然后动态创建对应的控件或者页面
比如想做一个万能查询功能，点击增加按钮，新增一行查询条件...，要想在extaspnet中实现，怎么做？
我想可以通过iframe(window)的方式来实现。有时间我再写个例子。
5
.extaspnet中上传控件的写法
作者没有编写上传控件，但有承诺会给一套FLASH的上传方案，嵌入在里面，实现大文件的上传，这个网上有源码
这里要提醒的是，就算你在ContentPanel控件里面加上<asp:FileUpload />，你也无法实现上传，因为extjs的局部刷新机制，你根本取不到上传的文件名，我的建议是，你想用上传，这个页面就不要用到extaspnet(或者PageManager 的 EnableAjax
=
"false"
)。
|
