c1menu+c1Tabs

收藏

想实现的功能是点击menu的某个菜单时增加一个可以关闭的tabs
1：c1menu的代码是否是这样写的？
<wijmo:C1MenuItem ID="C1MenuItem1" runat="server" Text="菜单1">
   <Items>
         <wijmo:C1MenuItem ID="C1MenuItem2" runat="server">
                  <Template>
                        <input id="addTabs" runat="server" type="button" value="添加tabs" />
                  </Template>
         </wijmo:C1MenuItem>
   </Items>
</wijmo:C1MenuItem>
2：添加一个可关闭的tabs在js里写还是在后台写？怎么写？

追加：找到示例了，示例上是在前台生成可关闭的tabs，那后台可以吗？怎么做?

Alice · Alice

回复 1楼rijun的帖子

谢谢您的反馈。
1.使用菜单项模板，您可以为菜单项提供丰富的内容。代码的写法可以参考在线示例：
http://demo.gcpowertools.com.cn/ ... 1Menu/Template.aspx

2.C1Menu提供了ItemClick事件，当点击菜单项目的时候会触发该事件。ItemClick是一个服务器端事件，需要设置AutoPostBack属性为true。
您可以在该事件中处理自己的业务逻辑。
对于ASP.net 前后台的接口基本一致。

rijun · rijun

回复 2楼Alice的帖子

不好意思没能找到itemclick事件

Alice · Alice

回复 3楼rijun的帖子

它是服务器端事件。
代码参考：

<C1:C1Menu ID="C1Menu1" runat="server" AutoPostBack="true" onitemclick="C1Menu1_ItemClick">

复制代码

rijun · rijun

回复 4楼Alice的帖子

item_click这个找到了！
关于c1tabs添加一个可关闭的tabs，前台是否只能用jquery来实现呢（因为找到的例子貌似就是jquery）？
能否用JavaScript来做呢？

Alice · Alice

回复 5楼rijun的帖子

添加tabs的在线示例，请参考：
http://demo.gcpowertools.com.cn/ ... Tabs/AddRemove.aspx

示例中就是使用的JS代码实现的

rijun · rijun

回复 6楼Alice的帖子

jquery不熟悉，有点云里雾里的，如果我用document.getElementById("c1tabs1")这种方式可以实现吗？可以的话怎么做？

rijun · rijun

回复 6楼Alice的帖子

请问7楼的问题可以实现吗？我今天要完成这个功能的，jquery一点都不懂啊，怎么破？
或者写一个简单的demo
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
      function addtabs() {
         此处应该怎么写才能添加一个可关闭的tabs（标签名称就叫测试标签1）
      }
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
      <wijmo:C1Tabs ID="mainTabs" runat="server" style="">
         <

ages>
            <wijmo:C1TabPage ID="mainTabs_2" runat="server" StaticKey="" Text="测试标签">
            </wijmo:C1TabPage>
         </Pages>
      </wijmo:C1Tabs>
      <input id="add" type="button" value="add" onclick="addtabs()" />
</div>
</form>
</body>
</html>

Alice · Alice

回复 7楼rijun的帖子

很抱歉，不理解您的意思。
6楼示例中代码就是使用JavaScript实现的。
代码简单的说，就是通过如下代码获取c1tabs，然后添加c1tab：

function addTabs(){
var $tabs= $('#C1Tabs1');
$tabs.c1tabs('add','#tab-1', 'Test');
}

复制代码

rijun · rijun

回复 9楼Alice的帖子

hi 麻烦在看下我刚刚编辑过8楼的帖子了

		自动登录	找回密码
密码			立即注册

[已处理] c1menu+c1Tabs

17 个回复

活字格认证

微信认证勋章

元老葡萄