便便代码人生

关注技术, 偶尔动动手

[原] 总算实现SWFUpload和easyui的DataGrid整合了

Posted by bianbian on 2011-12-24 11:25


本文Tags: , ,

不好意思，最近又忙又懒。拖了很久，总算差不多完成了：

标签: , ,

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

相关日志

Posted in JavaScript, Technology | No Comments »

[原] 建了一个google code项目：jquery myhint plugin

Posted by bianbian on 2011-01-16 12:24


本文Tags: , ,

在这里：http://code.google.com/p/jquery-myhint-plugin/

easy to use myhint plugin:

  1. <script src="jquery.myhint.min.js" type="text/javascript"></script>
  2. <link href="jquery.myhint.css" type="text/css" rel="Stylesheet" />
  3. ...
  4. <tag class="_hint" hint="text">...</tag>
  5. <tag class="_hint" hint="(left,top)text">...</tag>
  6. <tag class="_hint" hint="#tipid">...</tag><div id="tipid">text</div>
  7. <tag class="_hint" hint="(left,top)#tipid">...</tag><div id="tipid">text</div>

效果：

标签: , ,

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

相关日志

Posted in JavaScript, Technology | No Comments »

[原] jquery-easyui的combotree在.net开发中不显示数据的问题

Posted by bianbian on 2010-08-29 12:07


本文Tags: , , ,

最近使用jquery-easyui 1.2，遇到一个问题。
一搜索，发现好多人在问：
问题见：http://jquery-easyui.wikidot.com/forum/t-248817/combotree-net
“combotree在.net开发中，一直不显示数据。
单独html页面就可以显示出来。同一数据文件，json格式绝对正确。”

解决问题首先要发现原因，用firebug试了一下，发现是combotree读取json的时候是用POST方法。
而.net环境不支持静态文件用POST方法获取内容。错误如下：
POST app_user.js

http://localhost:9655/js/app_user.js

405 Method Not Allowed

发现原因后，解决问题就简单很多。
找到easyui的js代码：
_41.addClass(“tree-loading”);
$.ajax({type:”post”,url:_3e.url,data:_3c,dataType:”json”,success:function(_42){
_41.removeClass(“tree-loading”);

在我的应用中，因为不需要POST方式获取json，就把type:”post”改为type:”get”即可。
已在easyui的官方论坛中说明这个问题，希望以后能多个method的设置选项。

2010.12.18 更新：
新版本jquery-easyui 1.2.1提供了tree组件的method方法设置，但是在用css自动解析方式时无效。
即通过《input class=”easyui-combotree” url=”…js” method=”get” /》调用时，仍然使用POST。
查看代码，原来是这里parseOptions时未对method进行解析：
$.fn.tree.parseOptions=function(_13c){
var t=$(_13c);
return {url:t.attr(“url”),…

加上对method的解析：
return {url:t.attr(“url”),method:(t.attr(“method”)?t.attr(“method”):”post”),…

问题解决。

标签: , , ,

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

相关日志

Posted in JavaScript, Technology | 2 Comments »

[原] 基于jQuery的自动TAB选项卡实现

Posted by bianbian on 2009-07-24 01:03


本文Tags: , ,

jQuery挺好用，我就不说啥了。
今天实现了“自动TAB”，下面分享一下。有人会问为啥不用jquery-ui，主要是页面css已经全弄好了，实在不想为ui再写一次；其次是ui毕竟是那么大个家伙，心疼我的性能。
HTML页面非常简单：

  1. <div class="tabBox">
  2.     <!--选项卡菜单-->
  3.     <ul class="tabMenu">
  4.         <li class="on"><a>选项卡1</a></li>
  5.         <li><a>选项卡2</a></li>
  6.     </ul>
  7.     <!-- 选项卡内容-->
  8.     <div class="hide">
  9. 选项卡1内容
  10.     </div>
  11.     <div class="hide">
  12. 选项卡2内容
  13.     </div>
  14. </div>

之后就是用jQuery自动对这个.tabBox进行处理，加上鼠标点击自动切换的功能（当然可以加上鼠标移过的选项支持，作为示例，我就没写那么完善）：

  1. $(function () {
  2.     //===== TAB自动切换 tabBox =====
  3.     // <div class="tabBox">
  4.     //   <ul class="tabMenu"><li class="on"><a>选项卡1</a></li></ul>
  5.     //   <div class="hide">内容1</div>
  6.     // </div>
  7.     // (1) li增加"index"记录偏移量（第i项），给a增加click方法
  8.     $('.tabBox .tabMenu li').each(function(i, li) {
  9.         li = $(li);
  10.         li.attr('index', i)
  11.             .children('a').attr('href', 'javascript:;').click(function() {
  12.                 //点击项的li的class设为on
  13.                 var li_on = $(this).parent(),
  14.                     index = li_on.attr('index');
  15.                 li_on.parent().children().removeClass('on');
  16.                 li_on.addClass('on');
  17.                 //显示对应的div内容。注意get(index)返回的是DOM节点，因此需要再$()转为jQuery对象
  18.                 $(
  19.                     li_on.parent().parent().children('div').addClass('hide').get(index)
  20.                 ).removeClass('hide');
  21.         });
  22.         //显示现有的li class=on对应的div内容
  23.         if (li.hasClass('on')) {
  24.             li.children('a').click();
  25.         }
  26.     });
  27. });
标签: , ,

遵守创作共用协议，转载请链接形式注明来自http://bianbian.org 做人要厚道

相关日志

Posted in JavaScript, Technology | No Comments »