我来做百科(第七天)

今天先把会员的部分做了吧。主要是“我的贡献”和“我的评论”，两个列表。

先是“我的贡献”，给内容添加一个根据会员查找方法就是了。


至于“我的评论”，也是给评论添加一个根据会员查找方法，差不多。


接着先整理一下代码吧。先是给“退出”写一个控件，在LinkButton的OnClick事件里添加退出功能和跳转功能。还有一个问题困扰我很久的，就是怎么防止重复提交。对于刷新重复提交那种我都是提交成功后直接Redirect页面，还有另一种比较麻烦的是网络延迟造成的多次点击提交。开始我是在按钮控件OnClientClick上disabled掉按钮，到发现这样提交后不会执行按钮的OnClick事件，于是到处问，终于在csdn那里找到答案，laogui327 告诉我这样：

Button1.Attributes.Add("onclick",   "this.value='正在提交中，请等待……';this.disabled=true;"   +   this.GetPostBackEventReference(Button1));

太好了，终于找到在按钮本身就能解决的方法，感谢！

于是根据这个写了个只能提交一次的控件：

    public class ButtonSubmitOnce : Button
    {
        private string _textonclick = "正在提交中，请等待……";

        protected override void Render(HtmlTextWriter writer)
        {
            this.OnClientClick += "this.value=\"" + _textonclick + "\";this.disabled = true;" + Page.GetPostBackEventReference(this);

            base.Render(writer);
        }

        public string TextOnClick
        {
            set { _textonclick = value; }
        }
    }

不知有没有其他办法，但这是我找到最好的了。

立即在发表评论那里用一下，ok！放一个验证控件吧，但问题来了，验证的程序居然会放到自己定义的代码后面，即：

<input type="submit" name="ctl00$cphContent$btnAdd" value=" 添 加 " onclick="this.value=&quot;正在提交中，请等待……&quot;;this.disabled = true;__doPostBack('ctl00$cphContent$btnAdd','');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cphContent$btnAdd&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="ctl00_cphContent_btnAdd" class="btn" />

Faint!搞了一阵，也不知道怎么能把自定义的OnClientClick放得更后一点了，郁闷。看来验证控件不能用了，还有我还有js，不气馁。于是在自定义的ButtonSubmitOnce上再添加一点东西：

    /**//// <summary>
    /// 只能提交一次的按钮
    /// </summary>
    public class ButtonSubmitOnce : Button
    {
        private string _textonclick = "正在提交中，请等待……";
        private string _clientcheck;

        protected override void Render(HtmlTextWriter writer)
        {
            StringBuilder temp = new StringBuilder();

            temp.Append(this.OnClientClick);
            if (!string.IsNullOrEmpty(_clientcheck)) temp.Append("if(!").Append(_clientcheck).Append(") return false;");
            temp.Append("this.value=\"").Append(_textonclick).Append("\";this.disabled = true;").Append(Page.GetPostBackEventReference(this));
            this.OnClientClick = temp.ToString();

            base.Render(writer);
        }

        public string TextOnClick
        {
            set { _textonclick = value; }
        }

        public string ClientCheck
        {
            set { _clientcheck = value; }
        }
    }

这样给ClientCheck赋一个返回bool的检测js函数就可以了。

但为什么提交这么一点东西会这么慢啊，带着疑问打开源码一看，一大串的VIEWSTATE，怪不得。怪不得老赵某篇文章中说不用VIEWSTATE啦，我也要试一下。这一页会用到VIEWSTATE的地方就是发表评论嘛，因为会在后台检测数据，有错的话会回到原来那页显示出错信息。像以前asp那样用一个alert和history.back()就可以了嘛。一切准备就绪，在ie测试，没问题，不错嘛，在ff测试，出问题了。页面后退后按钮仍然是disabled状态，这怎么办啊。难道要放弃其中一个？搞了很久没搞好，之后又用回VIEWSTATE，痛苦，崩溃，谁好心告诉我怎么搞啊。

还有一个问题是多个提交按钮时设置默认提交按钮的问题。我问了一下，有人告诉我解决方法是：

<asp:TextBox ID="TextBox1" runat="server"  onkeydown="if(event.keyCode==13){document.getElementById('Button1').click();}"></asp:TextBox>

在onkeydown中处理，但这样视觉上还是有问题，因为onfocus会有一个视觉效果的，所以想能不能用onfocus解决。我想了个方法，原理是当textbox取得焦点，立即给button焦点，再把焦点返回给textbox。貌似可以，试一下，发现不行，原来实际上是一个死循环。郁闷了一下，看来还是用大伙的方法吧。试了一下还是不行，因为enter的时候虽然是执行了onkeydown的程序，但同时默认的提交也触发了。痛苦，崩溃，谁好心告诉我怎么搞啊。

一轮折磨之后，还是先休息一下啦。