关闭

总结一些用过的js、css工具

469人阅读 评论(0) 收藏 举报

IBM的技术文档很不错的:http://www.ibm.com/developerworks/cn/

开源中国社区,有很多开源插件,各种编程语言的:http://www.oschina.net/project/tags ;http://www.oschina.net/是个非常好的网站

总结一些js,css之类的东西,几乎都是jquery相关的

一、Form 元素布局:按本人体验值排序,1,2有网站menu设置哦

1、jQuery UI Bootstrap:是2和3的结合版,几乎什么都有,http://addyosmani.github.com/jquery-ui-bootstrap/?utm_source=javascriptweekly&utm_medium=email

2、twitter-bootstrap:http://twitter.github.com/bootstrap/

3、jqueryui:http://jqueryui.com/demos/dialog/

二、时间选择器

1、My97DatePicker:历史悠久,使用、扩展都很方便

<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>

<td>Start:<input id="start" name="start" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'end\')}'})"/></td>
<td>End:<input id="end" name="end" class="Wdate required" readonly="true" type="text" onclick="WdatePicker({minDate:'#F{$dp.$D(\'start\')}'})"/></td>

2、jquery.ui

<link rel="stylesheet" type="text/css" href="../css/jquery/ui/jquery.ui.css"/>

<script type="text/javascript" src="../js/jquery/jquery.ui.min.js"></script>

 $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});

<input id="mydate" type="text" size="15" class="datepicker" readonly/>

三、js

1、jquery.js

2、jsolait包 是一个用 JavaScript 实现的 JSON-RPC 框架。JSON-RPC 是一个轻量级的远程过程调用,类似 XML-RPC。

  <script type='text/javascript' src='../js/jsolait/jsolait.js'></script>
    <script type='text/javascript' src='../js/jsolait/xml.js'></script>
    <script type='text/javascript' src='../js/jsolait/urllib.js'></script>

四、前台显示页面通常会遇到的难题

1、联动

2、autocomplete 就是文本框的提示功能,这个在jQuery UI Bootstrap中有很好的支持,来源于jqueryui

   var codes = [ ];

   codes.push({code:code, name:name});
 
            $("#code").autocomplete(codes, {
                highlight:false,
                minChars: 0,
                width: 400,
                matchContains: "word",
                autoFill: false,
                formatItem: function(row) {
                    return "[" + row.code + "]" + row.name;
                },
                formatMatch: function(row) {
                    return "[" + row.code + "]" + row.name;
                },
                formatResult: function(row) {
                    return row.code;
                }
            });

3、跨域访问,需要jsonp的支持,需要java类端的支持:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:67468次
    • 积分:1095
    • 等级:
    • 排名:千里之外
    • 原创:42篇
    • 转载:8篇
    • 译文:0篇
    • 评论:5条
    文章分类
    最新评论
    未甄选