使用客户端控件展示增删改查操作

1 .net可以使用方便的服务器端控件完成种种操作，但是实际功能还是通过包装好的客户端控件完成

   有些操作会重复走方法，有些浏览器在解析服务器端控件时会增加很多的viewstate等大片不需要的内容，徒增页面负担

   最好还是手写客户端控件方法来实现功能。

2  <asp:Repeater ID="rptaaa" runat="server">repeater展示是可以不用放在ruanat=server的form中的。

3 formd定义name，method，action

<form id="form2" name="form2" method="post" action="New.aspx">

4 页面验证，onclick="CheckInput()，验证方法中可以return false，也可以直接submit，提交form。

<a id="sbta" onclick="CheckInput();"><img  src="1395384303956.jpg"/></a>

<script>
function CheckInput() {
if (document.getElementById("textfield").value == "" || document.getElementById("textfield").value == "请输入") {
alert("请输入问题内容！");
document.getElementById("textfield").focus();
return false;
}
document.getElementById("form2").action = "New.aspx?action=submit";
document.getElementById("form2").submit();
}
</script>

5 后台接受动作，根据动作来区分是第一次 进入还是提交。

string a = BaseData.PageBase.GetRequestString("a");
if (a == "submit")
{
submit_click();
}
BindRpt();

6 页面绑定value等于后台参数值，protectd，后台获取参数，前台就展示。

<input type="text" id="txtkey" name="txtkey" value="<%=txtkey %>"/>

7 页面有js提交submit的时候，就不需要用submit控件了，只需要button就可以。submit本身就提交了，防止多次提交。

<input value="提交" type="button"  id="btnSubmit" name="btnSubmit" onclick="CheckInput(<%=id %>);" />

8 页面上有用iframe，弹出层，页面js'有submit了，就不需要src在设置提交的路径，会重复。

<div style="position:absolute; top:20%; left:35%;z-index:9999;display:none" id="divopen" >
<iframe name="ifaask" id="ifaask" src=""
scrolling="no" width="550" height="250" scrolling="auto" frameborder="0" allowTransparency="true"></iframe>
</div>

<script type="text/javascript">
    function divclick(i, url) {
        var top = document.documentElement.scrollTop || document.body.scrollTop;
        var width = jQuery(window).width() / 2 - jQuery("#divopen").width() / 2;
        jQuery("#ifaask").attr("src", "/zt/AnswerNew.aspx?id=" + i+"&backurl="+escape(url)+"");
        jQuery("#divopen").css("top", top + 155);
        jQuery("#divopen").css("left", width);
        jQuery("#divopen").show();
    }
    function closeDiv() {
        jQuery("#divopen").hide();
    }
</script>