找回密码
 立即注册

QQ登录

只需一步,快速开始

rijun

高级会员

55

主题

228

帖子

1115

积分

高级会员

积分
1115

活字格认证微信认证勋章

rijun
高级会员   /  发表于:2015-11-26 17:10  /   查看:6385  /  回复:7
回复 14楼Alice的帖子

hi Alice
问下c1tabs不是有个OnSelectedChanged事件嘛 ,这是要回发后台的,请问下我不回发后台,在前台用js获取点击的tabs可以吗?如果可以怎么做?

7 个回复

倒序浏览
Alice
社区贡献组   /  发表于:2015-11-26 17:19:00
沙发
回复 1楼rijun的帖子

谢谢您的反馈。
c1tabs在前端可以触发select事件,这个事件当点击tab的时候触发。

我看您的很多问题都是基于JavaScript,前端的。如下是前端的wijtabs的API接口文档,包含前端的属性、方法和事件。c1tabs的前端接口和它一致,请参考:
http://wijmo.com/docs/wijmo/#Wijmo~jQuery.fn.-~wijtabs.html
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
rijun
高级会员   /  发表于:2015-12-2 11:10:00
板凳
回复 2楼Alice的帖子

<wijmo:C1Tabs ID="mainTabs" runat="server" style="" onclick="selectedTabs()">
    。。。。
</wijmo:C1Tabs>
function selectedTabs() {
                $("#<%=mainTabs.ClientID%>").wijtabs({
                    select: function (e, args) {
                        alert("11");
                    }
                });
            }

是不是我写错了?没效果嘛
需求是前台点击tbs标签后根据所选标签加载内容,麻烦修正下我写的代码,应该是我写错了。。。
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2015-12-2 15:23:00
地板
回复 3楼rijun的帖子

您好。
select方法的使用方法请参考产品文档
http://wijmo.com/docs/wijmo/#Wijmo~wijmo.tabs.wijtabs~select.html

比如,您想选择第二个tab,应该写成:
  1. $("#<%=mainTabs.ClientID%>").wijtabs('select', 1);
复制代码
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
rijun
高级会员   /  发表于:2015-12-2 15:44:00
5#
回复 4楼Alice的帖子

。。。。。。。。。。。我现在触发不了这个js,是否是我点击事件写法不对?????

下图不用管  貌似删不掉。。。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2015-12-2 17:05:00
6#
回复 5楼rijun的帖子

您好。
请将您出错的Demo发过来,我可以帮您看看。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
rijun
高级会员   /  发表于:2015-12-2 17:19:00
7#
回复 6楼Alice的帖子

<wijmo:C1Tabs ID="mainTabs" runat="server">
        <ages>
            <wijmo:C1TabPage Text="实时排序"></wijmo:C1TabPage>
            <wijmo:C1TabPage Text="实时反序"></wijmo:C1TabPage>
        </Pages>
</wijmo:C1Tabs>

<script>
        function selectedTabs() {
            //这里就是根据选择的tab进行操作,这里也有个问题:如何判断点选的标签
        }
       function A()
        {}
        function B()
        {}
    </script>

当我点击标签的时候不回发后台,在界面的js中获取点击事件,然后根据点击的标签在进行加载
主要问题就是在wijmo:C1Tabs 中如何触发selectedTabs()这个方法?

意思就是 我点击"实时排序"这个标签的时候调用A(),点击"实时反序"的时候调用方法B()
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2015-12-2 18:11:00
8#
回复 7楼rijun的帖子

我的测试代码如下:
  1.     <wijmo:C1Tabs ID="C1Tabs1" runat="server"  OnClientSelect="selectedTabs">
  2.         <Pages>
  3.         <wijmo:C1TabPage >page1
  4.         </wijmo:C1TabPage>
  5.         <wijmo:C1TabPage>page2</wijmo:C1TabPage>
  6.         </Pages>
  7.     </wijmo:C1Tabs>
复制代码

  1. <script id="scriptInit" type="text/javascript">
  2.     function selectedTabs(e, ui) {
  3.   
  4.     }    </script>
复制代码


selectedTabs可以触发。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部