Jquery Easy UI + ASP.NET

时间:2011-08-05 16:07:23

标签: c# jquery asp.net jquery-ui

我想在我的asp.net应用程序中实现Jquery EasyUI(http://www.jeasyui.com)。如果你能提供一些很好的工作实例。我从未与Jquery合作,因此这个问题。

一个小例子对我也很好

2 个答案:

答案 0 :(得分:2)

为什么使用它,使用jquery-UI(http://www.jqueryui.com),它更简单,你也可以在jqueryui中更改或创建自己的主题。

答案 1 :(得分:1)

这是一个非常广泛的问题。我可以通过向您展示如何轻松创建对jquery库的引用来帮助您(假设您想要这样做而不是在服务器上使用它们)。如果你刚刚开始,这可能是最简单的方法。

在主页面中包含以下这些行:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>

确保使用易于搜索的最新版本。第二个引用是针对您不需要但需要用于样式化小部件的customUI,您可以通过它们很容易使用的customUI来实现。只需查看此页面:http://jqueryui.com/themeroller/

为了帮助您入门,以下是从标准ASP文本框中实现datepicker小部件的方法:

你把它放在标题中:

    <script type="text/javascript" charset="utf-8">
        $(function () {
            $(".datePicker").datepicker();
        });
    </script>

然后在文本框中引用'datepicker'类:

<asp:TextBox ID="txtDate" Text="select date" CssClass="datePicker" runat="server" AutoPostBack="True"></asp:TextBox>

您可能想要的所有示例代码都在jqueryui.com网站上,所以如果您对实现特定小部件有特定问题,请给出一个镜头并回来。