公司sns JSSDK组件列表-20131011

这些因为都是被公司内部的给封装着在内部的tms里面才能显示所以在外面是显示不出来的

分享组件


[img]http://dl2.iteye.com/upload/attachment/0090/1086/99647d59-6d7d-38d2-990b-c5152cabaec1.jpg[/img]


Example

<a id="sns-demo-panel2" href="#" title="点击我调用分享组件">点击我调用分享组件 </a>
<script type="text/javascript">
  KISSY.Event.on("#sns-demo-panel2","click",function(ev){
     ev.preventDefault();
     SNS.ui("share",{
        //{obj} 这里是你的配置项
     });
  });
</script>

type
类型：string
默认值： webpage
是否必选：是
描述：选择分享的类型:可选项item，shop，默认为webpage，分别表示商品分享，店铺分享，活动页面分享

key
类型：string
默认值：location.href
是否必选：是
描述：分享的主体key:type为item时key为itemid;type为shop时为shopid;type为webpage时填希望用户点回的链接linkurl,不填取当前页面的location.href

title
类型：string
默认值：document.title
是否必选：否
描述：title：type为webpage时如果不填，则取页面标题，type为item或者shop时可以不填

pic
类型：String
默认值：无
是否必选：否
描述：pic：分享所带的图片，type为item或者shop时可以不填写，会自动取商品图片/店铺logo

comment
类型：String
默认值：这个很赞哦...
是否必选：否
描述：分享评论的默认文案

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

callback
类型：Object
默认值：无
是否必选：否
描述：分享组件本身的回调函数对象

callback.render
类型：Function
默认值：无
是否必选：否
描述：分享组件渲染成功之后的回调函数

callback.failure
类型：Function
默认值：无
是否必选：否
描述：分享失败的回调函数

callback.success
类型：Function
默认值：无
是否必选：否
描述：分享成功的回调函数

callback.cancel
类型：Function
默认值：无
是否必选：否
描述：取消分享的回调函数

callback.close
类型：Function
默认值：无
是否必选：否
描述：关闭分享弹层的回调函数

分享按钮


[img]http://dl2.iteye.com/upload/attachment/0090/1088/acf38e42-113b-3eaa-978e-20b96afb09fc.jpg[/img]


Example
s

<div id="sns-demo-panel12" title="点击我调用分享组件"></div>
<script type="text/javascript">
     SNS.ui("sharebtn",{
        element:"#sns-demo-panel12"
     });
</script>

type
类型：String
默认值：webpage
是否必选：是
描述：选择分享的类型:可选项item，shop，默认为webpage，分别表示商品分享，店铺分享，活动页面分享

key
类型：String
默认值：location.href
是否必选：是
描述：分享的主体key:type为item时key为itemid;type为shop时为shopid;type为webpage时填希望用户点回的链接linkurl,不填取当前页面的location.href

title
类型：String
默认值：document.title
是否必选：否
描述：title：type为webpage时如果不填，则取页面标题，type为item或者shop时可以不填

pic
类型：String
默认值：无
是否必选：否
描述：pic：分享所带的图片，type为item或者shop时可以不填写，会自动取商品图片/店铺logo

comment
类型：String
默认值：这个很赞哦...
是否必选：否
描述：分享评论的默认文案

skinType
类型：Number
默认值：1
是否必选：否
描述：皮肤选择：可选值1,2,3

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

喜欢组件


[img]http://dl2.iteye.com/upload/attachment/0090/1090/08b2ec8f-be4a-3a09-bbda-8bbd6fd03f27.jpg[/img]


Example

<div id="sns-demo-panel3"></div>
<script type="text/javascript">
   SNS.ui("like",{ui:{element:"#sns-demo-panel3"},
                  callback:{
                     fail:function(){},
                     success:function(){}
                  }
                  }
   );
</script>

type
类型：String
默认值：webpage
是否必选：是
描述：选择喜欢的类型:可选项选择喜欢的类型，可选项2,3,4，分别表示商品,自定义类型,店铺

key
类型：String
默认值：location.href
是否必选：是
描述：喜欢的主体key:type为2时key为itemid，type为4时为shopid，type为3时填希望用户点回的链接url,不填取当前页面的链接地址(location.href)

skinType
类型：Number
默认值：1
是否必选：否
描述：皮肤选择：可选值1,2

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

callback
类型：Object
默认值：无
是否必选：否
描述：喜欢组件本身的回调函数对象

callback.countSuccess
类型：Function
默认值：无
是否必选：否
描述：喜欢组件渲染成功之后的回调函数,return data{Number}喜欢的总数

callback.fail
类型：Function
默认值：无
是否必选：否
描述：喜欢失败的回调函数

callback.success
类型：Function
默认值：无
是否必选：否
描述：喜欢成功的回调函数

评论组件


[img]http://dl2.iteye.com/upload/attachment/0090/1092/ae67ff08-497b-3f43-835a-5e0b59d358fe.jpg[/img]


Example

<div id="sns-demo-panel4"></div>
<script type="text/javascript">
            SNS.ui("comment",
                    {
                        "element":"#sns-demo-panel4",//组件要插入的dom
                        "isAutoHeight":false,
                        "param":{
                            "target_key":"123456",//业务主键
                            "type_id":"1100035",//应用标示
                            "rec_user_id":"123456789",//被评论主体的拥有者
                            "view":"detail_list", 
                            "title":"这是一条来自淘宝网的评论",//上下文说明
                            "moreurl":"http: //www.taobao.com",//业务详情页地址
                            "canFwd":"0"//不要转发功能
                        },
                        "paramList":{
                            "view":"list_trunPage"
                        },
                        "callback":{
                        "addCallback":function(){//发表评论回调，不管成功与否都回调
                            alert("你成功的发表了一条评论！");
                        },
                        "delCallback":function(){},//删除评论回调

                        "initCmtCallback":function(){},//初始化完回调

                        "commentCallback":function(){}//发表成功回调
                    }
               });
    </script>

app_id
类型：String
默认值：无
是否必选：是
描述：应用标识，申请请联系旺旺 剑愁或者子朋

target_key
类型：String
默认值：无
是否必选：是
描述：业务主键用于区分评论列表

canFwd
类型：String
默认值：0
是否必选：否
描述：是否启用转发功能，默认值0，不使用转发功能； 可选值 0 1 2 1：转发到我的淘宝 ，2：站外转发

rec_user_id
类型：String
默认值：是
是否必选：否
描述：评论主体的拥有者，比如对博客日志的评论，recUserId就是博客主，默认情况下评论发表后会给 recUserId 发消息

title
类型：String
默认值：无
是否必选：是
描述：在我的淘宝->消息->评论我的中，上下文提示的文本，例如博客日志，可以设置为日志的摘要

moreurl
类型：String
默认值：无
是否必选：是
描述：在我的淘宝->消息->评论我的中，查看全部点击回流的链接

callback
类型：Object
默认值：无
是否必选：否
描述：评论组件本身的回调函数对象

callback.addCallback
类型：Function
默认值：无
是否必选：否
描述：发表评论回调，不管成功与否都回调

callback.delCallback
类型：Function
默认值：无
是否必选：否
描述：删除评论回调

callback.initCmtCallback
类型：Function
默认值：无
是否必选：否
描述：初始化完回调

callback.commentCallback
类型：Function
默认值：无
是否必选：否
描述：发表成功回调

关注组件


[img]http://dl2.iteye.com/upload/attachment/0090/1095/fc9bc8da-2f2b-396e-ac1b-a2be009c77e0.jpg[/img]


Example

<div id="sns-demo-panel5"></div>
 <script type="text/javascript">
   SNS.ui("friendfollow",{
    "skinType":"green3",
    "userId":"20066651",
    "client_id":"",
    "custom":"",
    element:"#sns-demo-panel5"
   });
</script>

skinType
类型：String
默认值：gray
是否必选：否
描述：关注组件的皮肤：可选值gray,green,green2

userId
类型：Number
默认值：无
是否必选：是
描述：需要关注用户的userId

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

custom
类型：String
默认值：无
是否必选：是
描述：请求附加字段 (请咨询凌逍 点击咨询店铺请填写type=41)

showTipDialog
类型：String
默认值：hide
是否必选：否
描述：是否显示提示弹层：可选值hideshow

名片组件


[img]http://dl2.iteye.com/upload/attachment/0090/1100/2d8daa54-4449-3335-b82a-745bc17fd971.jpg[/img]


Example

<div id="sns-demo-panel10">
 <img data-snscard="{'type':'user','userId':'1094598782'}" class="J_Card" src="http://wwc.taobaocdn.com/avatar/getAvatar.do?userId=1094598782&width=30&height=30&type=sns"/>
 </div>
 <script type="text/javascript">
   SNS.ui("card",{rootNode:'#content'});
</script>

data-snscard里面的配置

type
类型：String
默认值：无
是否必选：是
描述：需要展示的名片类型：可选值user,shop

userId
类型：Number
默认值：无
是否必选：是
描述：当type为user时，取userId

shopOwnerId
类型：Number
默认值：无
是否必选：是
描述：当type为shop时，取shopOwnerId

SNS.ui里面的配置

rootNode
类型：String
默认值：#content
是否必选：否
描述：名片触发事件(mouseover)绑定的最外层容器(事件是从该容器代理的,不能绑定在doc上,避免与3.1版本的吊顶产生冲突)

triggerCls
类型：String
默认值：J_Card
是否必选：否
描述：名片的触发元素的className

minifeeds组件


[img]http://dl2.iteye.com/upload/attachment/0090/1102/b75981d9-b402-32ad-a5bb-f33ddad61d73.jpg[/img]


Example

<script type="text/javascript">
    SNS.ui("minifeeds",{
        element:"#sns-demo-panel13",
        width:637,
        height:580,
        theme   :'yellow',
        topic:"新版【我的淘宝】意见征集",
        groupId:22001,
        appIds:12005723,
        clientId:168839
    });
</script>

topic
类型：String
默认值：无
是否必选：是
描述：组件默认话题

appIds
类型：Number
默认值：12005723
是否必选：是
描述：展示数据的类型，可咨询旺旺：子朋

theme
类型：String
默认值：default
是否必选：否
描述：组件皮肤选项，可选值： default red yellow green blue

width
类型：Number
默认值：410
是否必选：否
描述：组件显示宽度

height
类型：Number
默认值：660
是否必选：否
描述：组件显示高度

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

groupId
类型：Number
默认值：无
是否必选：是
描述：推荐达人对应的组ID

isAutoLoop
类型：Boolean
默认值：false
是否必选：否
描述：是否自动轮播展示数据

图片上传组件


[img]http://dl2.iteye.com/upload/attachment/0090/1104/281da404-60be-3dae-9689-9629e42f3439.jpg[/img]


Example

<a id="sns-demo-panel14">点击我调用图片上传组件</a>
<script type="text/javascript">
     SNS.ui('sns/dev/upload/picPicker',{
         referbtn:KISSY.one("#sns-demo-panel14"),
         handle:'input',
         buttonEvent:"click",
         tokenId:""
     },function(picPicker){
       var picPicker = picPicker;
       //console.log(picPicker);
     });
</script>

handle
类型：String
默认值：input
是否必选：否
描述：上传方式，默认值 input，可选值： flash input html5

buttonEvent
类型：String
默认值：mouseover
是否必选：否
描述：按钮触发弹出浮层的事件名，可选值： mouseover click

uploadUrl
类型：String
默认值：http://ems.photo.xxx.com
是否必选：否
描述：上传路径，默认是 http://ems.photo.taobao.com,走xx相册

referbtn
类型：Object
默认值：无
是否必选：是
描述：定位依据的对象

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

countLimit
类型：Number
默认值：无
是否必选：是
描述：上传图片的数量限制，默认值是 5，可选值： 1 2 3 4 5

tokenId
类型：String
默认值：无
是否必选：是
描述：登录用户的，登录用户的token

onUploadStart
类型：Function
默认值：无
是否必选：否
描述：开始上传时的回调方法

onUploadOneDone
类型：Function
默认值：无
是否必选：否
描述：上传完一个的回调方法

onFinish
类型：Function
默认值：无
是否必选：否
描述：上传完成的回调方法

showFlap
类型：Function
默认值：无
是否必选：否
描述：实例方法，显示上传弹层，return 当前picPicker实例

hideFlap
类型：Function
默认值：无
是否必选：否
描述：实例方法，隐藏上传弹层，return 当前picPicker实例

getPhotos
类型：Function
默认值：无
是否必选：否
描述：实例方法，获得上传的图片，return json格式的图片对象数组

reset
类型：Function
默认值：无
是否必选：否
描述：实例方法，重置上传图层，将已经上传的图片清空，
return 当前picPicker实例

找人联想组件


[img]http://dl2.iteye.com/upload/attachment/0090/1106/2dcedf83-c40a-3991-80e3-f680eab33ebf.jpg[/img]


Example

<input type="text" size="100" class="sns-widget" data-associate='{}' />

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

server
类型：String
默认值：http://jianghu.xxx.com/admin/search/json/search_tip.htm
是否必选：否
描述：获取数据的接口


showTag
类型：Boolean
默认值：auto
是否必选：否
描述：是否显示右侧标签，auto(依据宽度自适应)|true(显示)|false(不显示)


rootNode
类型：selector
默认值：无
是否必选：否
描述：父节点

btshare组件


[img]http://dl2.iteye.com/upload/attachment/0090/1108/655c7ae7-57a7-3c3d-99ae-e966e6f10d9a.jpg[/img]


Example

<div id="J_Share"></div>
<a style="cursor:pointer;" class="J_BTN"  id="sns-demo-panel15">点击我调用btshare</a>
                      <script type="text/javascript">
                         KISSY.ready(function(S){
                             var  DOM = S.DOM,
                                     Event = S.Event;
                             Event.on(".J_BTN", "click", function (ev) {
                                 ev.preventDefault();
                                 var a = function(){
                                     alert('分享成功');
                                 }
                                 var config = {
                                     "key" :          '17589283471',
                                     "isShowFriend" : false,
                                     "client_id" :    2,
                                     "comment" :        '我蛮喜欢这个哦～',
                                     "type" :         "item",
                                     "element" :      '#J_Share',
                                     "callback": {
                                         success: a
                                     }
                                 };
                                 SNS.ui('btshare', config);
                             });
                         });
                     </script>

type
类型：String
默认值：webpage
是否必选：是
描述：选择分享的类型:可选项item，shop，默认为webpage，分别表示商品分享，店铺分享，活动页面分享

key
类型：String
默认值：location.href
是否必选：是
描述：分享的主体key:type为item时key为itemid;type为shop时为shopid;type为webpage时填希望用户点回的链接linkurl,不填取当前页面的location.href


element
类型：String
默认值：无
是否必选：是
描述：渲染下拉层所依赖的定位元素，必选。


eventType
类型：String
默认值：click
是否必选：否
描述：触发下拉的事件类型，默认 click ,还可以配置mouseover


isShowFriend
类型：Boolean
默认值：false
是否必选：否
描述：是否在分享弹层展开时展示好友树，默认 false ,还可以配置true


title
类型：String
默认值：document.title
是否必选：否
描述：title：type为webpage时如果不填，则取页面标题，type为item或者shop时可以不填


pic
类型：String
默认值：无
是否必选：否
描述：pic：分享所带的图片，type为item或者shop时可以不填写，会自动取商品图片/店铺logo


comment
类型：String
默认值：这个很赞哦...
是否必选：否
描述：分享评论的默认文案


client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id


callback
类型：Object
默认值：无
是否必选：否
描述：分享组件本身的回调函数对象


callback.success
类型：Function
默认值：无
是否必选：否
描述：分享成功之后的回调函数

下面的两个是没有效果图的

icon分享组件

Example

<div id="sns-demo-panel11"></div>
<script type="text/javascript">
  SNS.ui("iconshare",{
      skinType:1,
      element:"#sns-demo-panel11",
      icon   :'32',
      isShowExpand:true
});
</script>

skinType
类型：String
默认值：1
是否必选：否
描述：皮肤选择：可选值1,2

showSites
类型：Array
默认值：无
是否必选：是
描述：['0','1','2','3','4','5','6','7','8','9','10','11'],根基siteId配置需要展示的站点icon,默认全部展示,10已经写死，是否配置都会展示。站点释义如下：0:jianghu,1:mail,2:kaixin,3:renren,4:sina,5:sohu,6:qweibo,7:qzone,8:sms,9:link,10:group,11:douban

icon
类型：String
默认值：24
是否必选：否
描述：展示的icon大小：可选值32，24，20，16

isShowExpand
类型：Boolean
默认值：true
是否必选：否
描述：是否展示折叠按钮

type
类型：String
默认值：webpage
是否必选：是
描述：选择分享的类型:可选项item，shop，默认为webpage，分别表示商品分享，店铺分享，活动页面分享

key
类型：String
默认值：location.href
是否必选：是
描述：分享的主体key:type为item时key为itemid，type为shop时为shopid，type为webpage时填希望用户点回的链接linkurl,不填取当前页面的location.href

title
类型：String
默认值：document.title
是否必选：否
描述：title：type为webpage时如果不填，则取页面标题，type为item或者shop时可以不填

pic
类型：String
默认值：无
是否必选：否
描述：pic：分享所带的图片，type为item或者shop时可以不填写，会自动取商品图片/店铺logo

client_id
类型：String
默认值：无
是否必选：是
描述：回流统计的client_id

comment
类型：String
默认值：无
是否必选：否
描述：分享的默认文案

站外分享

Example

<div id="sns-demo-panel16" title=""></div>
<script type="text/javascript">
     SNS.ui("sharesite",{
        output:"#sns-demo-panel16"
     });
</script>

output
类型：String
默认值：''
是否必选：是
描述：分享条渲染容器

shareTitle
类型：String
默认值：'分享到'
是否必选：否
描述：默认分享到的文案:默认分享到的文案

batchCheckbox
类型：Boolean
默认值：false
是否必选：否
描述：批量绑定：是否提供批量绑定的选项，默认为false，配置为true时会显示‘分享到’和复选框

defaultChecked
类型：Boolean
默认值：false
是否必选：否
描述：是否默认勾选：缺省值是false，配置为true，初始会把分享复选框勾上

isLocalRequest
类型：Boolean
默认值：false
是否必选：否
描述：本地初始化：是否已经本地初始化图标（评论组件中已经自带初始化图标，该值设为true）

includeSites
类型：String
默认值：'[]'
是否必选：否
描述：本地初始化：是否已经本地初始化图标（评论组件中已经自带初始化图标，该值设为true）

sitesHiddenName
类型：String
默认值：'shareSites'
是否必选：否
描述：隐藏域的name值：保存已选站点信息的隐藏域的name值

checkedSites
类型：String
默认值：'[]'
是否必选：否
描述：默认点亮站点

callback.initCallback
类型：function
默认值：无
是否必选：否
描述：回调函数：DOM结构渲染完成后执行