Javashop Tab页jQuery插件使用指南

一、概述

Javashop Tab页jQuery插件是一款基于jquery插件的Tab页生成器。

可用于快速生成Tab页面,有如下特点:

  •  基于jquery插件的风格,只需引入一个插件脚本和按照规格格式编写HTML,其它不用关心,生成方便灵活
  •  同个页面可生成多个Tab页,互不干扰

效果预览

 

 

二、使用说明

1.基本使用指南

1.引入选器插件:

<script type="text/javascript" 
src="/adminthemes/new/js/jquery.Tab.js"></script>

2.编写HTML:

<div id="test_tab" style="margin:20px;">
    <div class="contentTab">
        <ul class="tab">
            <li tabid="one" class="active" >第一</li>
            <li tabid="two" >第二</li>
        </ul>
    </div>

    <div class="tab-page">
        <div tabid="one" class="tab-panel" >
            <h1>我是第一个内容</h1>
        </div>
        <div tabid="two" class="tab-panel" style="display: none;" >
             <h1>我是第二个内容</h1>
        </div>
    </div>
</div>

这里需要注意的是,这个HTML格式并不是全部规定死的。只要有ul 和 class为tab-page的div,其他元素可随意增加,样式随意写。

3.调用插件生成选择器(选择需要悬浮的元素)

<script type="text/javascript">

$(function(){

    $("#test_tab").Tab();

});

</script>

如上代码在id为test_tab的div中实现了tab页。

Javashop 自动悬浮jQuery插件使用指南

一、概述

Javashop 自动悬浮jQuery插件是一款基于jquery插件的自动悬浮器。可在元素不在可视范围内时自动悬浮到页面底部。

可用于快速自动悬浮元素,有如下特点:

  •  基于jquery插件的风格,只需引入一个插件脚本,其它不用关心,生成方便灵活
  •  同个页面悬浮多个元素,互不干扰

效果预览

图1: 测试div不在可视范围内,自动悬浮到浏览器底部。

图2:测试div初始位置已在可视范围内,则显示它,不悬浮。

二、使用说明

1.基本使用指南

1.引入选器插件:

<script type="text/javascript" 
src="/themes/b2b2cv2/js/jquery.autoFloat.js"></script>

2.调用插件生成选择器(选择需要悬浮的元素)

<script type="text/javascript">

$(function(){

    $("xxx").autoFloat();

});

</script>

如上代码已实现元素自动悬浮。

Javashop 商品选择器jquery插件使用指南

一、概述

Javashop 商品选择器jquery插件是一款基于jquery插件的商品选择器,目前1.0的版本基于easyui,适用于javashop 5.2及以上版本。

可用于在后台快速生成一个或多个商品选择器,有如下特点:

  •  基于jquery插件的风格,只需引入一个插件脚本,其它不用关心,生成方便灵活
  •  同个页面可生成多个选择器,互相不干扰
  • 提供丰富配置参数和接口,可插入多样的业务中

效果预览

二、使用说明

1.基本使用指南

1.引入选器插件:

<script type="text/javascript" src="/shop/admin/js/jquery.goodsSelector.js"> </script>

2.声明需要生成选器的元素(同时也指定了要在哪生成)

<div class="floor_goods"></div>

3.调用插件生成选择器

<script type="text/javascript">

$(function(){

$(".floor_goods").goodsSelector();

});

</script>

如上代码但在样式为floor_goods的div中生成了商品选择器。

上述情况一般用于添加页面,也就是还没有已经选商品。

可以指定selected_data_url参数,即:当前已选中的商品grid的json地址。

<script type="text/javascript">

$(function(){

var options ={

selected_data_url:ctx+'/shop/admin/floorGoods!listGoodsJson.do?floorid=1'

}

$(".floor_goods").goodsSelector(options);

});

</script>

也就是你的业务中已经选中商品的json 地址,其格式为easyui的grid json格式,举例如下:

{“total”:2,”rows”:[
{"goods_id":285,"sn":"201511243123","name":"xxxx","price":300,"store":444},{"goods_id":284,"sn":"2015112400656","name":"xxx","price":270,"store":666}]}
一般用于修改页面

2.参数说明

  可选参数

  •  selected_data_url:

指定已经选中的grid的商品数据json URL

  •   selector_data_url

选器商品Grid的商品数据 json url,默认为:/shop/admin/goodsSelect!listGoodsById.do

  •  select_btn_text: 选择按钮的文字
  •  un_select_btn_text:取消选择按钮的文字
  •  selected_text:已选中的文字
  • goodsid_name:向后台post的商品id名字,默认为:goods_id_array

特别请注意goodsid_name的参数,此参数是向后台提交的已经选中的商品id的数组的name,是一组hidden的name,在默认时此hidden的name为goods_id_array,此时post的参数效果为:

我们更改goodsid_name参数,例如:

var options ={

selected_data_url:ctx+'/shop/admin/floorGoods!listGoodsJson.do?floorid=1'
,goodsid_name:'myname'
}

$(".floor_goods").goodsSelector(options);
此时post参数的效果为:

Spring中使用注解时指定构造器的参数

Spring 使用注解声明Bean时,我们可能会需要指定这个bean的构造函数的参数。
比如在javashop的缓存代理类中,需要指定缓存代理类的构造函数参数为某个被代理对象(实际参数数据库的对象)
可以参考SmptManager和SmtpCacheProxy,其中 SmtpCacheProxy 为缓存代理类,他的构造函数需要SmptManager为参数。
在配置文件生声明方式下,是这样的:

<!-- smtp管理 -->
<bean id="smtpManagerImpl" class="com.enation.app.base.core.service.impl.SmtpManager"></bean>

<!-- smtp缓存代理 -->
<bean id="smtpManager" class="com.enation.app.base.core.service.impl.cache.SmtpCacheProxy">
<constructor-arg>
<ref bean="smtpManagerImpl"/>
</constructor-arg>
</bean>

也就是指定constructor-arg 。
改为注解方式后,要将构造函数加上@Autowired注解,同时参数名指定为注入进来的bean的id:

@Autowired
public SmtpCacheProxy(ISmtpManager smtpManagerImpl){
super(cacheName);
this.smtpManager = smtpDbManager;
}

其中ISmtpManager smtpManagerImpl 的bean为:

@Service("smtpManagerImpl")
public class SmtpManager extends BaseSupport<Smtp> implements ISmtpManager {