JqueryEasyUI浅谈本地化应用
2020-12-13 02:05
标签：style blog class code java ext JqueryEasyUI浅谈本地化应用 Jquery是对javascript一种封装，使我们开发人员使用起来更加方便，同时也解决了不同浏览器中javascript的兼容性。JqueryEasyUi是基于Jquery上开发的UI组件，和它并行的是JqueryUI，个人认为JqueryUi没有JqueryEasyUi好用，也没有JqueryEasyUi显得专业。 下面先简单介绍一线JqueryEasyUI的使用，在用JqueryEasyUI之前需要引用几个js和css文件 这几个文件在相应的JqueryEasyUI包中存在。（下载地址：http://www.jeasyui.com/download/v123.php）简单介绍一下几个JqueryEasyUI的例子。这些demo其实都可以在 一、Dialog 弹出的窗口 效果图： 文件引用代码同上。 Script代码： 窗口处代码（其实就是使用了div）： 二、日历显示（这里遇到了一点小问题，关于本地化的问题，后面我会贴出解决方案） 效果图： 这是最终的效果，显示的额都是中文，但是当我第一次引用的时候显示的是 我引用js和css文件都是同上，就是显示是英文的，我想这是什么问题呢，难道这是外国人写的，不支持中文，后来想想也不对，如果外国人写的没有中文的话，目前这么火也会有大神写一个中文包吧。或者他的文件中有猫腻。 然后我就打开了jquery-easyui-1.3.2的包，发现了一个文件件 我在想这个会不会就是有关本地化的东西。当我打开后发现，果然就是本地化的东西 。看来外国人写这个软件的时候就已经想到了本地化的东西，看来这个值得我们以后学习。废话不说，直接把easyui-lang-zh_CN.js引用，一切都OK了。 Js和css引用代码： Div显示日历的代码： 使用起来就是这么的简单。 郝喜路 2014年5月8日09:53:13 JqueryEasyUI浅谈本地化应用,搜素材,soscw.com JqueryEasyUI浅谈本地化应用 标签：style blog class code java ext 原文地址：http://www.cnblogs.com/haoxilu/p/3715559.html
1. link href="../jqeryEasyUi/jquery-easyui-1.3.1/themes/default/easyui.css" rel="stylesheet"
2. type="text/css" />
3. link href="../jqeryEasyUi/jquery-easyui-1.3.1/themes/icon.css" rel="stylesheet"
4. type="text/css" />
5. script src="../jqeryEasyUi/jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript">script>
6. script src="../jqeryEasyUi/jquery-easyui-1.3.1/jquery.easyui.min.js" type="text/javascript">script>
找到。
1. $(function () {
2. $(‘#d2‘).dialog(‘close‘);
3. });
4. function open1() {
5. $(‘#d2‘).dialog(‘open‘);
6. }
1. div id="d2" class="easyui-dialog" title="处?|理¤¨a派¨|工?è信?息?é" style="width: 400px; height: 200px;
2. left: 100px; top: 150px; padding: 10px" data-options="toolbar:‘#dlg-toolbar‘,buttons:‘#dlg-buttons‘,resizable:true">
3. table width="100%" border="0" cellpadding="4" cellspacing="1" class="show-table">
4. tr>
5. td>
6. 维?修T人¨?员?à：êo
7. td>
8. td>
9. asp:DropDownList ID="ddlMan" runat="server">
10. asp:DropDownList>
11. td>
12. tr>
13. tr>
14. td>
15. 维?修T负o责e人¨?：êo
16. td>
17. td>
18. asp:DropDownList ID="ddlHeadMan" runat="server">
19. asp:DropDownList>
20. td>
21. tr>
22. table>
23. div>
24. div id="dlg-buttons">
25. a href="#" class="easyui-linkbutton" onclick="allot()">分¤?配?a>
26. a href="#" class="easyui-linkbutton" onclick="javascript:$(‘#d2‘).dialog(‘close‘)">
27. 取¨?消?a>
28. div>
1. link href="../jqeryEasyUi/jquery-easyui-1.3.1/themes/default/easyui.css" rel="stylesheet"
2. type="text/css" />
3. link href="../jqeryEasyUi/jquery-easyui-1.3.1/themes/icon.css" rel="stylesheet"
4. type="text/css" />
5. script src="../jqeryEasyUi/jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript">script>
6. script src="../jqeryEasyUi/jquery-easyui-1.3.1/jquery.easyui.min.js" type="text/javascript">script>
7. script src="../jqeryEasyUi/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js" type="text/javascript">script>
1. input name="ctl00$title$TextBox1" type="text" id="ctl00_title_TextBox1" class="easyui-datebox" required="true" />