对于在使用FineUI这个例子的时候我们首先就是要在form标签内部添加一个
第一步、
<ext:PageManager ID="PageManager1" runat="server" />
第二步、添加一些控件
<ext:Window ID="Window1" runat="server" Title="登录表单" IsModal="false" EnableClose="false" WindowPosition="GoldenSection" Width="350px">
<Items>
<ext:SimpleForm ID="SimpleForm1" runat="server" ShowBorder="false" BodyPadding="10px"
LabelWidth="60px" EnableBackgroundColor="true" ShowHeader="false">
<Items>
<ext:TextBox ID="tbxUserName" Label="用户名" Required="true" runat="server">
</ext:TextBox>
<ext:TextBox ID="tbxPassword" Label="密码" TextMode="Password" Required="true" runat="server">
</ext:TextBox>
<ext:Button ID="btnLogin" Text="登录" Type="Submit" ValidateForms="SimpleForm1" ValidateTarget="Top"
runat="server" OnClick="btnLogin_Click">
</ext:Button>
</Items>
</ext:SimpleForm>
</Items>
</ext:Window>
第三步就是添加JS脚本
<script type="text/javascript">
function _calculateGoldenPosition(bodySize, windowSize) {
var top = (bodySize.height - (bodySize.height / 1.618)) - windowSize.height / 2;
if (top < 5) {
top = 5;
}
var left = (bodySize.width - windowSize.width) / 2;
if (left < 0) {
left = 5;
}
return { left: left, top: top };
};
</script>
第四步、
try
{
if (tbxUserName.Text == "admin" && tbxPassword.Text == "admin")
{
Alert.ShowInTop("成功登录!");
}
else
{
Alert.ShowInTop("用户名或密码错误!", MessageBoxIcon.Error);
}
}
catch (Exception ex)
{
throw ex;
}
第五步、
在这个时候我们会遇到两个问题就是没有
将对象引用设置到对象的实例。
说明: 执行当前 Web 请求期间,出现未处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。
异常详细信息: System.NullReferenceException: 未将对象引用设置到对象的实例。
源错误:
执行当前 Web 请求期间生成了未处理的异常。可以使用下面的异常堆栈跟踪信息确定有关异常原因和发生位置的信息。
2.还要添加两个程序集分别谁ExtAspNet,和Newtonswoft.Json这两个程序集可以在官方网站上下载就可以了
http://fineui.codeplex.com/